Bagaimana Mendapatkan Data Borang Menggunakan JavaScript dan jQuery?

Mendapatkan Data Borang dengan JavaScript/jQuery

Apabila bekerja dengan borang, selalunya timbul keperluan untuk mendapatkan semula data yang terkandung di dalamnya secara pemrograman. Data ini boleh digunakan untuk pemprosesan lanjut, pengesahan atau penghantaran ke pelayan. Nasib baik, menggunakan JavaScript dan jQuery, mendapatkan data ini adalah proses yang mudah.

Kaedah serializeArray() jQuery

Satu kaedah yang cekap dan mudah untuk mendapatkan data daripada borang adalah menggunakan kaedah serializeArray() jQuery. Kaedah ini mengembalikan tatasusunan objek, dengan setiap objek mewakili elemen input dalam bentuk. Setiap objek mengandungi nama elemen dan sifat nilai.

Untuk menggunakan kaedah ini, hanya gunakan ia pada pemilih borang:

var data = $('form').serializeArray();

Susun atur data akan mengandungi objek seperti berikut:

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

Kaedah serialize() jQuery

Pilihan lain ialah untuk menggunakan kaedah serialize() jQuery, yang mengembalikan rentetan. Rentetan ini mewakili data borang dalam format yang diterima oleh penyerahan borang HTML tradisional.

Untuk menggunakan kaedah ini, hanya gunakannya pada pemilih borang:

var data = $('form').serialize();

Pembolehubah data akan mengandungi rentetan seperti berikut:

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

Demo

Untuk melihat kaedah ini dalam tindakan, lihat biola berikut: https://jsfiddle.net/w84ny75L/

Atas ialah kandungan terperinci Bagaimana Mendapatkan Data Borang Menggunakan JavaScript dan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!