Wie extrahiere ich Formulardaten effizient mit JavaScript/jQuery?

Formulardaten mit JavaScript/jQuery abrufen

Frage:

Wie können wir Formulardaten auf ähnliche Weise effizient extrahieren? zu klassischen HTML-Formularübermittlungen? Zum Beispiel ein Formular mit den folgenden Elementen:

<form>
    <input type="radio" name="foo" value="1" checked="checked" />
    <input type="radio" name="foo" value="0" />
    <input name="bar" value="xxx" />
    <select name="this">
        <option value="hi" selected="selected">Hi</option>
        <option value="ho">Ho</option>
</select>
</form>

Wir möchten eine Ausgabe im folgenden JSON-Format erhalten:

{
    "foo": "1",
    "bar": "xxx",
    "this": "hi"
}

Antwort:

Um dies zu erreichen, können wir die Funktion $('form').serializeArray() verwenden, die ein Array von Objekten liefert, wobei jedes Objekt ein Formular darstellt Feld und sein Wert:

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

Alternativ können wir $('form').serialize() verwenden, das eine Zeichenfolge zurückgibt, die die Formulardaten darstellt:

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

Auschecken Diese JSFiddle-Demo für ein praktisches Beispiel: [JSFiddle Demo](https://jsfiddle.net/bmmvo79d/)

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