jQuery Ajax調用有效，但本機JavaScript不起作用

Question

我有兩個AJAX調用，一個是本機JavaScript，另一個是JQuery，調用PHP腳本。 JQuery可以正常工作，而JavaScript不能正常工作。 代碼如下：

JQuery的：

$.ajax({
    url: "/Tests/index.php",
    method: "POST",
    data: {'Id': "2"}
});

本機JavaScript：

var Data = {Id: "2"};
XHR = new XMLHttpRequest();
XHR.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        console.log(XHR.responseText);
    }
}
XHR.open("POST", "/Tests/index.php", true);
XHR.setRequestHeader("Content-Type", "application/json");
XHR.send(JSON.stringify(Data));

PHP腳本：

echo var_dump($_POST);

帶有JQuery的返回2 ，而JavaScript則不返回任何東西。 通過網絡瀏覽器的控制台可以查看所有數據。

Answer 1

試試這個代碼：

var Data = {"Id": "2"};
 var XHR = new XMLHttpRequest();    // declared XHR var

 XHR.open("POST", "/Tests/index.php", true);
 XHR.setRequestHeader("Content-Type", "application/json");

 XHR.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
     console.log(XHR.responseText);
   }
 }
XHR.send(Data);   // sending data without converting to string

參考： https : //www.w3schools.com/xml/ajax_xmlhttprequest_send.asp