web-dev-qa-db-fra.com

Javascript: Envoyer un objet JSON avec Ajax?

Est-ce possible?

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

Peut-être avec: un en-tête avec content type: application/json ?:

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

Sinon, je peux utiliser:

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

et ensuite JSON.stringify l'objet JSON et l'envoyer dans un paramètre, mais il serait intéressant de l'envoyer de cette manière si cela est possible.

javascriptajaxjsonheaderrequest
138
Adam

Avec jQuery:

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

Sans 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"}));
304
Nathan Romano

Si vous n’utilisez pas jQuery, assurez-vous que:

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

Et pour la fin de réception php:

 $_POST['json_name']
34
shantanu chandra

Ajout de Json.stringfy autour du JSON qui a résolu le problème

0
user3310115