Bagaimana untuk Mengekstrak Data Borang dengan Cekap dengan JavaScript/jQuery?

Mengambil Data Borang dengan JavaScript/jQuery

Soalan:

Bagaimanakah kita boleh mengekstrak data borang dengan cara yang sama dengan cekap ke penyerahan borang HTML klasik? Sebagai contoh, diberikan borang dengan elemen berikut:

<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>

Kami ingin mendapatkan output dalam format JSON berikut:

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

Jawapan:

Untuk mencapai ini, kita boleh menggunakan fungsi $('form').serializeArray(), yang menghasilkan pelbagai objek di mana setiap objek mewakili medan borang dan nilainya:

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

Sebagai alternatif, kita boleh menggunakan $('form').serialize(), yang mengembalikan rentetan yang mewakili data borang:

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

Lihat demo JSFiddle ini untuk contoh praktikal: [JSFiddle Demo](https://jsfiddle.net/bmmvo79d/)

Atas ialah kandungan terperinci Bagaimana untuk Mengekstrak Data Borang dengan Cekap dengan JavaScript/jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!