如何使用原始 AJAX 将数据从客户端传递到服务器？

Question

您好，我已经搜索过了，但他们经常使用 jquery ajax 将数据从 js 传递到 PHP（服务器端）。但是对于我的项目，它有一堆纯 js 代码，所以我应该使用原始 AJAX 来传递数据。

例如，如果我想发送一个值 = 13 的变量“Imgname”并想在 php 页面中回显。

这是我的尝试

<script>
    if(window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if(xmlhttp.readyState === 4 && xmlhttp.status === 200) {
                alert('send to server successfully');
            }
        };
        xmlhttp.open("POST", "test2.php", true);
        xmlhttp.send("Imgname=13");
    }
</script>

在 test2.php 中

<?php
$temp = $_POST['Imgname'];
echo $temp;   /////output should be 13
?>

但错误未定义索引：第 2 行 C:\xampp\htdocs\test2.php 中的 Imgname

Answer 1

您需要确保发送正确的内容类型：

xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

Answer 2

尝试发送标头：

var http = new XMLHttpRequest();
var url = "test2.php";
var params = "Imgname=13";
http.open("POST", url, true);

http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

http.onreadystatechange = function() {//Call a function when the state changes.
  if(http.readyState == 4 && http.status == 200) {
    alert(http.responseText);
  }
}
http.send(params);