Heim  >  Artikel  >  Web-Frontend  >  Wie erhalte ich Formulardaten mit JavaScript und jQuery?

Wie erhalte ich Formulardaten mit JavaScript und jQuery?

Susan Sarandon
Susan SarandonOriginal
2024-11-12 02:03:02250Durchsuche

How to Get Form Data Using JavaScript and 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn