php或html使用Ajax实现input输入内容写入txt文本功能

  • 酉灿
  • 收藏夹吃灰系列
  • Jul 27, 2021

xxxx.html

 <script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<input type="text" id="txt" onkeydown="if(event.keyCode==13)doAjax()"/><input type="button" value="提交" onclick="doAjax()" />
<script>
    function doAjax() {
        var v = $.trim($('#txt').val())
        if (v == '') return
        $.ajax({url:'xxxx.php',/////写入文本控制
            type: 'POST', data: { txt: $('#txt').val() }, complete: function (xhr) {
                alert(xhr.responseText)
            }
        })
    }
</script>


xxxx.php

 <?php
 $ip = ($_SERVER["HTTP_VIA"]) ? $_SERVER["HTTP_X_FORWARDED_FOR"] : $_SERVER["REMOTE_ADDR"];
$ip = ($ip) ? $ip : $_SERVER["REMOTE_ADDR"];/////获取ip
$txt=$_POST["txt"];
file_put_contents("txt.txt", date( 'Y-m-d H:i:s' ). "---". "$ip"."---".$txt .PHP_EOL, FILE_APPEND | LOCK_EX);/////向写入txt时间、ip、内容
?>

说明:

date( 'Y-m-d H:i:s' ).   ///写入时间
$ip     ///写入ip
$txt   ///写入内容
.PHP_EOL   ///换行
  ///空格Tab
FILE_APPEND   ///追加写入
LOCK_EX   ///只允许一个用户写入


打赏