Méthode serialize() de jQuery ajax

Guide de référence Ajax jQuery

Exemple

Affichez le résultat de la sérialisation des valeurs du formulaire :

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

Essayez-le vous-même

Définition et utilisation

La méthode serialize() crée une chaîne de texte codée en URL en sérialisant les valeurs du formulaire.

Vous pouvez choisir un ou plusieurs éléments de formulaire (comme input et/ou le champ de texte), ou l'élément form lui-même.

Les valeurs sérialisées peuvent être utilisées dans la chaîne de requête URL lors de la génération de demandes AJAX.

Syntaxe

$(selector).serialize()

Description détaillée

.serialize() méthode crée une chaîne de texte codée en URL standard. Son objet d'opération est l'objet jQuery représentant une collection d'éléments de formulaire.

Les éléments de formulaire ont plusieurs types :

<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="Soumettre" id="g" />
  </div>
</form>

.serialize() méthode peut opérer sur l'objet jQuery sélectionné d'éléments de formulaire individuels, tels que <input>, <textarea> et <select>. Cependant, sérialiser le <form> balise elle-même est généralement plus simple :

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

Sortie de la chaîne de requête standard :

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

Remarque :Ne sérialise que les contrôles "réussis" en chaîne de caractères. Si vous ne utilisez pas de bouton pour soumettre le formulaire, le valeur du bouton de soumission n'est pas sérialisée. Si vous souhaitez inclure la valeur d'un élément de formulaire dans la chaîne sérialisée, l'élément doit utiliser l'attribut name.

Guide de référence Ajax jQuery