的jQuery JavaScript的主場迎戰阿賈克斯POST「功能

Question

這的jQuery代碼工作：

$.ajax({ 
    type: "POST", 
    url: "file.php", 
    data: { json: json }, 
    complete: function (data) { 
     var result = data.responseText; 
     console.log(result); // logs 'echo' from PHP file 
    } 
}); 

這的JavaScript代碼仍然不工作：

var xhr = new XMLHttpRequest(); 
xhr.open("POST", "file.php", true); 
xhr.setRequestHeader('Content-Type', 'application/json'); 
xhr.onreadystatechange = function() { 
    if (xhr.readyState == 4 && xhr.status == 200) { 
     var result = xhr.responseText; 
     console.log(result); // supposed to log 'echo' from PHP file 
    } 
} 
xhr.send(JSON.stringify(json)); 

是不是這兩種方法相當於，還是我錯過了什麼？

假設 'file.php' 看起來是這樣的：

if(isset($_POST['json'])){ 
$obj = json_decode($_POST['json']); 
//some php operation 
// echo $obj keys and values 
} 

Answer 1

data : { json: json } 

被序列化到 '{ 「JSON」：{數據}}'

JSON.stringify(json) 

被序列化到' {}數據」和沒有‘JSON’鍵

你的JavaScript對象與‘JSON’添加到父包裝對象的關鍵

JSON.stringify({ json: json });