web-dev-qa-db-ja.com

Javascript：Ajaxを使ってJSONオブジェクトを送信しますか？

これは可能ですか？

xmlHttp.send({
    "test" : "1",
    "test2" : "2",
});

多分：content typeのヘッダーとapplication/json ?:

xmlHttp.setRequestHeader('Content-Type', 'application/json')

そうでなければ私は使用することができます。

xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

jSONオブジェクトをJSON.stringifyしてパラメータで送信しますが、可能であればこの方法で送信するのがかっこいいでしょう。

javascriptajaxjsonheaderrequest
134
Adam

JQueryの場合：

$.post("test.php", { json_string:JSON.stringify({name:"John", time:"2pm"}) });

JQueryがない場合

var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 
xmlhttp.open("POST", "/json-handler");
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.send(JSON.stringify({name:"John Rambo", time:"2pm"}));
298
Nathan Romano

JQueryを使用していない場合は、次の点を確認してください。

var json_upload = "json_name=" + JSON.stringify({name:"John Rambo", time:"2pm"});
var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 
xmlhttp.open("POST", "/file.php");
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send(json_upload);

そしてphp受信側のために：

 $_POST['json_name']
32
shantanu chandra

問題を修正したjsonの周りにJson.stringfyを追加する

0
user3310115