jQuery ajax - Metode serialize()

Panduan Referensi Ajax jQuery

Contoh

Output nilai formulir yang di 序列isasi:

$("button").click(function(){
  $("div").text($("form").serialize());
});

Coba sendiri

Definisi dan penggunaan

Metode serialize() menghasilkan teks string URL enkoding melalui peng 序列isasi nilai formulir.

Anda dapat memilih satu atau beberapa elemen formulir (seperti input dan/atau kotak teks), atau elemen form sendiri.

Nilai yang disekuelnasikan dapat digunakan dalam string query URL saat membuat permintaan AJAX.

Sintaks

$(selector).serialize()

Penjelasan detil

.serialize() method membuat string teks yang diwakili dengan URL encoding standar. Objek operasinya adalah objek jQuery yang mewakili koleksi elemen formulir.

Ada beberapa jenis elemen formulir:

<form>
  <div><input type="text" name="a" value="1" id="a" /></div>
  <div><input type="text" name="b" value="2" id="b" /></div>
  <div><input type="hidden" name="c" value="3" id="c" /></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f" />
  </div>
  <div>
    <input type="submit" name="g" value="Submit" id="g" />
  </div>
</form>

.serialize() method dapat mengoperasikan objek jQuery yang mewakili koleksi elemen formulir yang dipilih, seperti <input>, <textarea> serta <select>. Meski demikian, memilih tag <form> sendiri untuk disekuelnasikan biasanya lebih mudah:

$('form').submit(function() {
  alert($(this).serialize());
  return false;
});

Output string query standar:

a=1&b=2&c=3&d=4&e=5

Keterangan:Hanya akan mensekuelnasikan kontrol 'berhasil'. Jika formulir tidak disubmit menggunakan tombol, nilai tombol submit tidak akan disekuelnasikan. Jika nilai elemen formulir harus disertakan ke dalam string sekuel, elemen harus menggunakan atribut name.

Panduan Referensi Ajax jQuery