通过ajax在html中post方式提交

<?php
//将获取的留言存放到message.txt里
$message=$_POST["message"];
$f=fopen("message.txt","a");
fwrite($f,$message);
$data = ["data"=>"chenggong"];
$data1 = ["data"=>"shibai"];
// 如果结果是false   返回失败
//  否则返回    成功

if($f == false){
    echo json_encode($data1);
}else{
    echo json_encode($data);
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<textarea name="" id="tao" cols="30" rows="10"></textarea>
<input type="button" value="提交" id="li">

<!--通过ajax技术进行提交留言  将留言保存到message.txt中
    将数据提交到ajax2.php
    php文件将数据输出到message.txt中
    http请求 get post
    get 参数在url中
    格式如下
    www.xxx.com/aa.php?
-->
<script>
    var  div=document.getElementById("li");
    var ota=document.getElementById("tao");

    div.οnclick=function () {

        var xhr = null;
        if (window.XMLHttpRequest) {

            xhr = new XMLHttpRequest();
        } else {
            xhr = new ActiveXObject('Microsoft.XMLHTTP');
        }
        xhr.open("POST", "ajax2.php", true);
        //为了保证换行fu能提交 需要对数据进行url转码
        var message=ota.value;
        var data="message="+message;
        xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
        xhr.send(data);
        xhr.onreadystatechange=function () {
            if(xhr.readyState==4)
            {
                if(xhr.status==200)

                {
                    var data = JSON.parse(xhr.responseText);

                    alert(data["data"]);
                    ota.value = "";
                }
            }
        }
    }
</script>
</body>
</html>

来源：CSDN

作者：小白菜meatball

链接：https://blog.csdn.net/weixin_44276341/article/details/103605654

标签

post

ajax

message