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.
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 ,
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!