serialización de parámetros de JQuery sin el corchete mess

Question

Estoy usando JQuery para hacer una solicitud JSON de vuelta al servidor y parece que su serialización de parámetros está codificada a lo que PHP espera en lugar de ser de naturaleza genérica. Básicamente tengo un objeto que se parece a esto:

{ 
    foo: 1, 
    bar : [1, 3, 5] 
} 

Y serializa a:

foo=1&bar[]=1&bar[]=3&bar[]=5 

¿Hay alguna forma de hacer que acaba de hacer?

foo=1&bar=1&bar=3&bar=5 

Me parece que jQuery no debe ser tan ligada a lo que un puñado de marcos laterales de servidor esperar ya que una convención de nomenclatura. Si quisiera que mi param se llamara bar[] podría nombrarlo fácilmente yo mismo si es lo que mi código de servidor espera.

Answer 1

Supongo que está utilizando JQuery 1.4. Debería echar un vistazo a esto: http://benalman.com/news/2009/12/jquery-14-param-demystified/

El autor explica por qué hicieron que JQuery se comporte de esta manera, y hace algunos puntos excelentes. Por ejemplo, si no usa la "sintaxis del corchete cuadrado", no puede pasar matrices con un solo valor.

También ofrece una solución alternativa:

$.ajaxSetup({ traditional: true }); 

Esto le dirá jQuery para usar el método no soporte de serialización.

Answer 2

El objeto se puede convertir a una cadena parametrizada usando $.param(obj,true). El segundo parámetro booleano indica que se debe usar el método tradicional de serialización de un objeto. El método tradicional no usa corchetes cuando encuentra el mismo nombre de parámetro. La cadena serializada devuelta desde $.param se puede pasar a través de cualquier método ajax.

Este método es preferido sobre el uso de $.ajaxSetup() como señaló el jQuery Documentation que dice:

Nota: Los valores especificados aquí afectará a todas las llamadas a $ .ajax o derivados basados ​​en AJAX como $ .get(). Esto puede provocar un comportamiento no deseado de , ya que otras personas que llaman (por ejemplo, complementos) pueden esperar la configuración predeterminada normal. Por esa razón, recomendamos encarecidamente contra el uso de esta API. En su lugar, configure las opciones explícitamente en la llamada o defina un complemento simple para hacerlo.

Ejemplo:

var obj = {myProp: "test", arr: [1,2,3,4]}; 
var serializedObj = $.param(obj, true); //myprop=test&arr=1&arr=2&arr=3&arr=4 

$.post(url,serializedObj,function(){});