Bagaimana untuk menggunakan kaedah bersiri dalam jquery

Dalam jquery, kaedah bersiri() mencipta rentetan teks berkod URL standard dengan mensiri nilai borang boleh digunakan dalam rentetan pertanyaan URL apabila menjana permintaan AJAX ialah " $(. pemilih).serialize()".

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 1.10.2, komputer Dell G3.

Cara menggunakan kaedah bersiri dalam jquery

takrifan dan penggunaan bersiri(): Kaedah

bersiri() mencipta rentetan teks berkod URL standard dengan menyerikan nilai borang . Objek operasinya ialah objek jQuery yang mewakili koleksi elemen bentuk. Anda boleh memilih satu atau lebih elemen borang (seperti input atau kotak teks), atau elemen borang itu sendiri. Nilai bersiri boleh digunakan dalam rentetan pertanyaan URL apabila menjana permintaan AJAX.

Sintaks:

$(selector).serialize()

Penerangan terperinci

1. Kaedah .serialize() mencipta rentetan teks yang diwakili oleh pengekodan URL standard. Objek operasinya ialah objek jQuery yang mewakili koleksi elemen bentuk.

2. Kaedah .serialize() boleh mengendalikan objek jQuery yang telah memilih elemen bentuk individu, seperti , dan <select>. Walau bagaimanapun, secara umumnya lebih mudah untuk memilih teg <form> itu sendiri untuk bersiri</form></select>

3 Hanya "kawalan yang berjaya" akan disirikan ke dalam rentetan. Jika anda tidak menggunakan butang untuk menyerahkan borang, nilai butang hantar tidak bersiri. Jika anda mahu nilai elemen borang dimasukkan dalam rentetan jujukan, elemen mesti menggunakan atribut nama.

4. Nama dalam borang tidak boleh menggunakan kata kunci dalam Js dan jquery.

Contohnya: panjang

Kod adalah seperti berikut:

<form id="form1">
   <input name="length" type="text" value="pipi" />
   <input name="blog" type="text" value="blue submarine" />
</form>
//使用:$("#form1").serialize();

Nilai tidak boleh diperolehi di atas.

contoh serialize() dalam JQuery

1. ajax serialize()

Kodnya adalah seperti berikut:

$.ajax({
    type: "POST",
    dataType: "json",
    url:ajaxCallBack,
    data:$('#myForm').serialize(),// 要提交表单的ID
    success: function(msg){
        alert(msg);
    }
});

2. contoh borang bersiri()

Kodnya adalah seperti berikut:

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function(){
   $("#submit").click(function(){
     alert($("#myForm").serialize());
   });
});
</script>
<form id="myForm">
昵称 <input type="text" name="username" value="admin" /><br />
密码 <input type="password" name="password" value="admin123" /><br />
<input type="button" id="submit" value="序列化表单" />
</form>

Selepas mengklik butang, ia muncul:

nama pengguna=admin&kata laluan=admin123

Tutorial video berkaitan Disyorkan: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menggunakan kaedah bersiri dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!