Wie kann ich mit JavaScript/jQuery auf Formulardaten zugreifen und diese serialisieren?

Zugriff auf Formulardaten mit JavaScript/jQuery

Das Abrufen von Formulardaten, als ob sie über die klassische HTML-Methode übermittelt würden, kann eine häufige Aufgabe in sein Webentwicklung. Um dies zu erreichen, bietet JavaScript/jQuery zwei Hauptoptionen:

Option 1: Verwendung von $('form').serializeArray()

Diese Methode konvertiert die Formulardaten in ein Array von Objekten, wobei jedes Objekt ein Formularfeld darstellt. Die Ausgabe hat das folgende Format:

[
  {"name":"foo","value":"1"},
  {"name":"bar","value":"xxx"},
  {"name":"this","value":"hi"}
]

Option 2: Verwendung von $('form').serialize()

Diese Methode ruft die Formulardaten ab als eine Zeichenfolge, formatiert für die Übermittlung über eine POST-Anfrage:

"foo=1&bar=xxx&this=hi"

Erfassung komplexer Formularelemente

Im Gegensatz zu einfachen Eingabefeldern sind Formularelemente wie Textbereiche, Auswahlmöglichkeiten, Optionsfelder und Kontrollkästchen erfordern eine besondere Behandlung. Beide oben genannten Methoden verarbeiten komplexe Formularelementdaten korrekt.

Beispielverwendung

Der folgende Code zeigt, wie die Methoden verwendet werden:

// Using serializeArray()
var formDataArray = $('form').serializeArray();

// Using serialize()
var formDataString = $('form').serialize();

Demonstration

Sehen Sie sich diese JSFiddle-Demo an, um die Methoden in Aktion zu sehen: https://jsfiddle.net/

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript/jQuery auf Formulardaten zugreifen und diese serialisieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!