jQuery ajax - Metode serialize()

Panduan Ajax jQuery

Contoh

Output hasil peng序列化 nilai bentuk:

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

Cuba sendiri

Definisi dan penggunaan

Metode serialize() menghasilkan teks string URL pengkodean melalui peng序列化 bentuk nilai.

Anda boleh pilih satu atau lebih elemen bentuk (seperti input dan/atau kotak teks), atau bentuk elemen form sendiri.

nilai yang diseri boleh digunakan dalam string query URL semasa menghasilkan permintaan AJAX.

syarat

$(pemilih).serialize()

Penjelasan

.serialize() method menghasilkan string teks yang diwakili dalam URL encoding standard. Objek yang dioperasikan adalah objek jQuery yang mewakili koleksi elemen borang.

Ada beberapa jenis elemen borang:

<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 boleh mengoperasikan objek jQuery yang dipilih bagi elemen borang, seperti <input>, <textarea> serta <select>. Walau bagaimanapun, memilih <form> tag sendiri untuk diseri 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 mewakili '控件 berjaya' sebagai string. Jika tidak menggunakan tombol untuk menghantar borang, nilai tombol penghantar tidak akan diseri. Jika nilai elemen borang disertakan ke dalam string serian, elemen mesti menggunakan atribut name.

Panduan Ajax jQuery