Método serialize() de jQuery ajax

Manual de referencia de jQuery Ajax

Ejemplo

Ejemplo de salida de valores serializados del formulario:

$("button").click(function(){
  $("div").text($("form").serialize());
});

Intente hacerlo usted mismo

Definición y uso

El método serialize() crea una cadena de texto codificada en URL mediante la serialización de los valores del formulario.

Puede seleccionar un o varios elementos de formulario (como input y / o caja de texto) o el elemento form en sí mismo.

Los valores serializados se pueden usar en la cadena de consulta de URL al generar solicitudes AJAX.

Sintaxis

$(selector).serialize()

Descripción detallada

.serialize() método crea una cadena de texto representativa del estándar de URL codificación. Su objeto de operación es el objeto jQuery que representa la colección de elementos del formulario.

Los elementos del formulario tienen varios tipos:

<form>
  <div><input type="text" name="a" value="1" id="a" /></div>
  <div><input type="text" name="b" value="2" id="b" /></div>
  <div><input type="hidden" name="c" value="3" id="c" /></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f" />
  </div>
  <div>
    <input type="submit" name="g" value="Enviar" id="g" />
  </div>
</form>

.serialize() método puede operar con el objeto jQuery seleccionado de elementos individuales del formulario, como <input>, <textarea> y <select>. Sin embargo, es más fácil serializar el <form> etiqueta en sí misma:

$('form').submit(function() {
  alert($(this).serialize());
  return false;
});

Salida de la cadena de consulta estándar:

a=1&b=2&c=3&d=4&e=5

Comentarios:Sólo serializará el control "éxito" como una cadena de texto. Si no se utiliza un botón para enviar el formulario, no se serializará el valor del botón de envío. Si se desea incluir el valor del elemento del formulario en la cadena de serialización, el elemento debe usar la propiedad name.

Manual de referencia de jQuery Ajax