Wie erhalte ich Formulardaten mit JavaScript und jQuery?

Formulardaten mit JavaScript/jQuery abrufen

Bei der Arbeit mit Formularen besteht häufig die Notwendigkeit, die darin enthaltenen Daten programmgesteuert abzurufen. Diese Daten können zur weiteren Verarbeitung, Validierung oder zum Senden an einen Server verwendet werden. Glücklicherweise ist das Abrufen dieser Daten mithilfe von JavaScript und jQuery ein unkomplizierter Prozess.

jQuerys serializeArray()-Methode

Eine effiziente und bequeme Methode, um die Daten aus einem Formular abzurufen besteht darin, die Methode serializeArray() von jQuery zu verwenden. Diese Methode gibt ein Array von Objekten zurück, wobei jedes Objekt ein Eingabeelement im Formular darstellt. Jedes Objekt enthält die Namens- und Werteigenschaften des Elements.

Um diese Methode zu verwenden, rufen Sie sie einfach in einem Formularselektor auf:

Das Datenarray enthält Objekte wie die folgenden:

jQuerys serialize()-Methode

Eine weitere Option ist die Verwendung der jQuery-Methode serialize(), die einen String zurückgibt. Diese Zeichenfolge stellt die Formulardaten in dem Format dar, das von einer herkömmlichen HTML-Formularübermittlung akzeptiert wird.

Um diese Methode zu verwenden, rufen Sie sie einfach in einem Formularselektor auf:

Die Datenvariable enthält eine Zeichenfolge wie die folgende:

Demo

Um diese Methoden in Aktion zu sehen, schauen Sie sich die folgende Geige an: https://jsfiddle.net/w84ny75L /

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