Búsqueda de sitios web

Javascript: ¿Enviar objeto JSON con Ajax?


¿Es esto posible?

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

Quizás con: un encabezado con tipo de contenido : application/json?

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

De lo contrario, puedo usar:

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

y luego JSON.stringify el objeto JSON y envíalo en un parámetro, pero sería genial enviarlo de esta manera si es posible.

Respuesta #1

Con jQuery:

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

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

Respuesta #2

Si no estás usando jQuery, entonces por favor asegúrate de:

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

Y para el extremo receptor de PHP:

 $_POST['json_name'] 

Artículos relacionados