Rumah > hujung hadapan web > tutorial js > kemahiran serialize() serialization_javascript dalam JQuery

kemahiran serialize() serialization_javascript dalam JQuery

PHP中文网
Lepaskan: 2016-05-16 16:09:47
asal
1376 orang telah melayarinya

Pengenalan kepada artikel ini: Dalam jQuery, apabila kita menggunakan ajax, kita selalunya perlu memasang data input dan menghantarnya ke pelayan dalam bentuk pasangan kunci/nilai Kerja ini boleh diselesaikan dengan mudah menggunakan kaedah bersiri JQuery Kaedah ini boleh mensirikan borang menjadi pasangan nilai kunci (key1=value1&key2=value2…) dan menyerahkannya. Yang berikut memperkenalkan penggunaan serialize() dalam JQuery

1 Definisi dan penggunaan serialize():

Kaedah serialize() mencipta A. rentetan teks berkod URL standard yang beroperasi pada objek jQuery yang mewakili koleksi elemen bentuk. Anda boleh memilih satu atau lebih elemen borang (seperti input atau medan teks), atau elemen borang itu sendiri. Nilai bersiri boleh digunakan dalam rentetan pertanyaan URL apabila membuat permintaan AJAX.

Sintaks:


Salin kod Kod adalah seperti berikut:


$(selector) .serialize( )

Penerangan terperinci

1. Kaedah .serialize() mencipta rentetan teks yang diwakili oleh pengekodan URL standard. Ia beroperasi pada objek jQuery yang mewakili koleksi elemen bentuk.

2. Kaedah .serialize() boleh mengendalikan objek jQuery yang telah memilih elemen bentuk individu, contohnya,

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 atau jquery.

Contohnya: panjang


Salin kod Kod adalah seperti berikut:



//Gunakan :$("#form1").serialize();

Nilai di atas tidak boleh diperolehi.

2. Contoh serialize() dalam JQuery

1. ajax serialize()


Salin kod Kod adalah seperti berikut:


$.ajax({
type: "POST",
dataType: "json",
url: ajaxCallBack,
data:$('#myForm').serialize(),// ID borang yang hendak diserahkan
kejayaan: function(msg){
alert(msg);
}
});

2 instance borang bersiri()


Salin kod Kod adalah sebagai berikut:


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan