¿Cómo puedo enviar datos JSON al servidor

Question

Bueno, aquí es la historia:

tengo algunos datos que enviar al servidor, sino que debe convertirse en JSON tipo de datos en primer lugar.

hice tal llamada AJAX:

$.ajax({ 
     url: url, // the url I want to post to. 
     type: 'POST', 
     contenttype:'application/json; charset=utf-8', 
     beforeSend: //some HTTP basic auth stuff 
     data: { 
      name:'test', 
      key:'foo', 
      key2:'bar' 
     }, 
     dataType:'JSON' 
}); 

básicamente estoy esperando los datos que envío al servidor fue:

[name:test,key:foo,key2:bar] 

pero lo que tengo era:

name=test&key=foo&key2=bar 

¿Qué me faltaba? ¿Cómo puedo obtener esos datos en JSON?

Answer 1

dataType: 'json', 

Answer 2

Tuve el mismo problema. No puede enviar un objeto como "datos", necesita codificar el objeto. Prueba este lugar, con el objeto Stringified:

$.ajax({ 
     url: url, 
     type: 'POST', 
     contentType:'application/json', 
     data: '{ 
      name:"test", 
      key:"foo", 
      key2:"bar" 
     }', 
     dataType:'json' 
}); 

Answer 3

var data = {'bob':'foo','paul':'dog'}; 
$.ajax({ 
    url: url, 
    type: 'POST', 
    contentType:'application/json', 
    data: JSON.stringify(data), 
    dataType:'json' 
}); 

/** ** Añadido/

Lo anterior no hacer nada con la respuesta del servidor si tiene que hacer algo, entonces una se llamará a la devolución de llamada cuando el servidor haya respondido.

var data = {'bob':'foo','paul':'dog'}; 
$.ajax({ 
    url: url, 
    type: 'POST', 
    contentType:'application/json', 
    data: JSON.stringify(data), 
    dataType:'json', 
    success: function(data){ 
    //On ajax success do this 
    alert(data); 
     }, 
    error: function(xhr, ajaxOptions, thrownError) { 
     //On error do this 
     if (xhr.status == 200) { 

      alert(ajaxOptions); 
     } 
     else { 
      alert(xhr.status); 
      alert(thrownError); 
     } 
    } 
}); 

Answer 4

Además, es NECESARIO puede crear un parámetro y asignar el valor con JSON.stringify

.... 
data: "jsonString="+JSON.stringify(data), 
... 

Answer 5

Prueba esto: http://www.abeautifulsite.net/blog/2008/05/postjson-for-jquery/

Es mucho más corto:

$.post(url, data, function(response) { 
    // Do something with the response 
}, 'json'); 

Answer 6

Acepto que los datos deben convertirse en una cadena JSON, no solo para estar de acuerdo con el dataType y contentType configuración, pero lo más importante, para satisfacer al servidor.

data: JSON.stringify(data), 
dataType:'json'