无法在ajax请求中获取php中的$ _POST值

Question

这是我的index.html

<script>
    var xml = new XMLHttpRequest();
    xml.onreadystatechange = function(){
        if (xml.readyState === 4 && xml.status === 200) {
            console.log(xml.responseText);
        }
    }
    xml.open("POST", "ajax.php", true);
    var data = new FormData();
    data.append("name","Sahan");
    xml.send(data);
</script>

这是我的ajax.php

<?php
echo "Hello " . $_POST["name"];
?>

当我在我的localhost上运行这个结果时

注意 ：未定义的索引：第2行的C：\\ xampp \\ htdocs \\ chat \\ ajax.php中的名称
你好

但是当我使用JQuery时它正在正常工作......

我的问题是如何在没有JQuery的情况下使用JavaScript发送ajax ..？

Answer 1

当您对发布数据使用ajax时，您必须传递正确的标头信息以及请求

<script>
    var xml = new XMLHttpRequest();
    xml.onreadystatechange = function(){
        if (xml.readyState === 4 && xml.status === 200) {
            console.log(xml.responseText);
        }
    }
    xml.open("POST", "ajax.php", true);
    //Send the proper header information along with the request
    xml.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    /*var data = new FormData();
    data.append("name","Stackoverflow");*/
    xml.send("name=Stackoverflow");
</script>

Answer 2

您可以在javascript函数中使用此代码。

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;
    }
  };
xhttp.open("POST", "ajax_test.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("fname=Stack&lname=Overflow");

更多细节Ajax在w3schools