Cómo PUBLICO una matriz de objetos con $ .ajax (jQuery o Zepto)

Question

Me gustaría PUBLICAR una matriz de objetos con $ .ajax en Zepto o Jquery. Ambos exhiben el mismo error extraño, pero no puedo encontrar lo que estoy haciendo mal.

La información se guarda en el servidor cuando se envía utilizando un cliente de prueba como 'RestEasy', y puedo ver que la solicitud se destrozó en el panel de red del navegador, así que creo que JS es el culpable.

Si envío una matriz de objetos como propiedad de datos de una POST, no se envían correctamente.

objeto

datos:

var postData = [ 
    { "id":"1", "name":"bob"} 
    , { "id":"2", "name":"jonas"} 
    ] 

Solicitud:

$.ajax({ 
    url: _saveDeviceUrl 
, type: 'POST' 
, contentType: 'application/json' 
, dataType: 'json' 
, data: postData 
, success: _madeSave.bind(this) 
//, processData: false //Doesn't help 
}); 

cuerpo de la petición como se ve en el navegador:

"bob=undefined&jonas=undefined" 

Esto se puede ver de forma más directa mediante el uso de los $ .PARAM método que jQuery y Zepto usan para preparar datos POST.

$.param(
    [ 
    { "id":"1", "name":"bob"} 
    , { "id":"2", "name":"jonas"} 
    ] 
) 
// Output: "bob=undefined&jonas=undefined" 

Parece que la preparación que estas bibliotecas hacen para datos de publicación complejos es diferente de lo que esperaba.

Veo esta respuesta, pero no quiero enviar los datos como un parámetro de consulta ya que estoy PUBLICANDO un montón de contenido. How do I send an array in an .ajax post using jQuery?

¿Cuál es la forma correcta de enviar varios objetos a través de POST usando jQuery/Zepto?

Usando $ .ajax ({... data: JSON.stringify (postData) ...}) envía contenido no triturado, pero al servidor no le gusta el formato.

Actualización: Parece que JSON.stringify envía contenido correctamente formateado. El problema es que el lado del servidor es muy, muy específico sobre la estructura del objeto que quiere. Si agrego o elimino alguna propiedad del objeto, fallará todo el proceso en lugar de usar las propiedades que coinciden. Esto es inconveniente porque es agradable usar contenido enviado por el servidor como un modelo de vista, pero los modelos de vista se cambian. ... Seguimos trabajando en la mejor solución.

Answer 1

Asegúrese de stringify antes de enviar. Me apoyé demasiado en las bibliotecas y pensé que codificarían correctamente en función del tipo de contenido que publicaba, pero parece que no.

Obras:

$.ajax({ 
    url: _saveAllDevicesUrl 
, type: 'POST' 
, contentType: 'application/json' 
, data: JSON.stringify(postData) //stringify is important 
, success: _madeSave.bind(this) 
}); 

prefiero este método para usar un plugin como $ .toJSON, aunque eso lograr la misma cosa.

Answer 2

edición: supongo que ahora está empezando a ser segura para utilizar la JSON.stringify() método nativo, con el apoyo de most browsers (sí, incluso IE8 + si se está preguntando).

tan simple como:

JSON.stringify(yourData) 

---

Usted debe codificar datos en JSON antes de enviarlo, no se puede simplemente enviar un objeto como éste como datos POST.

Recomiendo usar el jQuery json plugin para hacerlo.A continuación, puede utilizar algo como esto en jQuery:

$.post(_saveDeviceUrl, { 
    data : $.toJSON(postData) 
}, function(response){ 
    //Process your response here 
} 
); 

Answer 3

intente lo siguiente:

$.ajax({ 
    url: _saveDeviceUrl 
, type: 'POST' 
, contentType: 'application/json' 
, dataType: 'json' 
, data: {'myArray': postData} 
, success: _madeSave.bind(this) 
//, processData: false //Doesn't help 
});