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)); 

では、これら2つの方法ではないです同等か、私は何か不足していますか？

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) 

」に連載ます

と仮定 'file.php' はこのようなものが見えます{データ} 'があり、 "json"キーがありません

"json"キーを持つ親ラッパーオブジェクトにjavascriptオブジェクトを追加します

JSON.stringify({ json: json });