jQuery ajax - serialize() Methode

jQuery Ajax Referenzhandbuch

Beispiel

Geben Sie das Ergebnis der serialisierten Formularwerte aus:

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

Probieren Sie es selbst aus

Definition und Verwendung

Die Methode serialize() erstellt durch Serialisieren der Formularwerte einen URL-kodierten Textstring.

Sie können eine oder mehrere Formularelemente (z.B. input und/oder Textfelder) oder das Formular selbst auswählen.

Die serialisierten Werte können bei der Erstellung von AJAX-Anfragen in der URL-Abfragezeichenkette verwendet werden.

Syntax

$(selector).serialize()

Detaillierte Erklärung

.serialize() Methode erstellt einen Textstring, der in der Standard-URL-Kodierung dargestellt wird. Sein Operationsobjekt ist ein jQuery-Objekt, das eine Sammlung von Formularelementen darstellt.

Es gibt verschiedene Typen von Formularelementen:

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

.serialize() Methode kann jQuery-Objekte, die individuelle Formularelemente wie <input>, <textarea> und <select> darstellen, operieren. Allerdings ist es in der Regel einfacher, den <form>-Tag selbst zu serialisieren:

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

Ausgabe der Standard-Abfragezeichenkette:

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

Anmerkung:Nur der "erfolgreiche Steuerelement" wird in einen String serialisiert. Wird der Absendenknopf nicht durch einen Button betätigt, wird der Wert des Absendenknopfs nicht serialisiert. Wenn der Wert eines Formularelements in die Serialisierungszeichenkette aufgenommen werden soll, muss das Element die name-Eigenschaft verwenden.

jQuery Ajax Referenzhandbuch