Contoh analisis penggunaan serialize() dalam JQuery_jquery

Contoh dalam artikel ini menerangkan penggunaan serialize() dalam JQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

1. Definisi dan penggunaan serialize():

Kaedah

serialize() mencipta rentetan teks berkod URL standard dengan menyerikan nilai borang Objek operasinya ialah objek jQuery yang mewakili koleksi elemen borang. 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:

$(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 mempunyai elemen bentuk individu, seperti , dan <select>. Walau bagaimanapun, biasanya lebih mudah untuk mensiri teg <form> itu sendiri</form></select>

3. Hanya "kawalan yang berjaya" akan disiri menjadi 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

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({
Taip: "POST",
Jenis Data: "json",
url:ajaxCallBack,
Data:$('#myForm').serialize(),//ID borang yang akan diserahkan
Kejayaan: function(msg){
makluman(msg);
}
});

2. bersiri() contoh borang bersiri

Salin kod Kod adalah seperti berikut:

Selepas mengklik butang, ia akan muncul:

nama pengguna=admin&kata laluan=admin123

3. Serialize ialah pembalut mudah untuk serializeArray menggunakan kaedah param

1. $.param()

Kaedah $.param() ialah teras kaedah serialize(), yang digunakan untuk mensiri tatasusunan atau objek mengikut kunci/nilai.

kod js kaedah param

Salin kod Kod adalah seperti berikut:

param: function( a ) {
///   

///        Diese Methode ist intern.  Verwenden Sie stattdessen serialize().
///   

///    Eine Zuordnung von Schlüssel/Wert-Paaren zur Serialisierung in einen String.'
///   
///   

var s = [ ];

Funktion add( Schlüssel, Wert){
    s[ s.length ] = encodeURIComponent(key) '=' encodeURIComponent(value);
};

// Wenn ein Array übergeben wurde, gehe davon aus, dass es sich um ein Array handelt
// von Formularelementen
if ( jQuery.isArray(a) || a.jquery )
    // Serialisieren Sie die Formularelemente
    jQuery.each( a, function(){
 add( this.name, this.value );
    });

// Ansonsten gehen wir davon aus, dass es sich um ein Objekt von Schlüssel/Wert-Paaren handelt
sonst
    // Schlüssel/Werte serialisieren
    für ( var j in a )
 // Wenn der Wert ein Array ist, müssen die Schlüsselnamen wiederholt werden
 if ( jQuery.isArray(a[j]) )
     jQuery.each( a[j], function(){
  add( j, this );
     });
 sonst
     add( j, jQuery.isFunction(a[j]) ? a[j]() : a[j] );

// Gibt die resultierende Serialisierung zurück
return s.join("&").replace(/ /g, " ");
}

例如:

复制代码 代码如下:

var obj = {a:1,b:2,c:3};
var k = $.param(obj);
alarm(k);    //输出a=1&b=2&c=3

 
2、serializeArray
 
serializeArray ist die erste Instanz, die Sie als Nächstes verwenden können.
serializeArray ist eine jquery-Funktion

复制代码 代码如下:

serializeArray: function() {
///   

///        Serialisiert alle Formulare und Formularelemente, gibt aber eine JSON-Datenstruktur zurück.
///   

///    Eine JSON-Datenstruktur, die die serialisierten Elemente darstellt.

Gib this.map(function(){
zurück     this.elements zurückgeben? jQuery.makeArray(this.elements) : this;
})
.filter(function(){
    return this.name && !this.disabled &&
 (this.checked || /select|textarea/i.test(this.nodeName) ||
     /text|hidden|password|search/i.test(this.type));
})
.map(function(i, elem){
    var val = jQuery(this).val();
    Rückgabewert == null ? null :
 jQuery.isArray(val) ?
     jQuery.map( val, function(val, i){
  return {name: elem.name, value: val};
     }) :
     {Name: elem.name, Wert: val};
    }).get();
}

serializeArray数据例子:

复制代码 代码如下:

[ {
 Name: Benutzername,
 Wert: 中国
 }, {
 Name: Passwort,
 Wert: xxx
}]

Sie haben die jQuery-Version mit jQuery erstellt.