Javascript:使用Ajax发送JSON对象？

Question

这可能吗？

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.stringify是JSON对象并将其发送到参数中,但如果可能的话,以这种方式发送它会很酷.

Answer 1

使用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"}));

Answer 2

如果您不使用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']