serialize() serialization_javascript-Kenntnisse in JQuery

Einführung in diesen Artikel: Wenn wir in jQuery Ajax verwenden, müssen wir häufig Eingabedaten zusammenstellen und in Form von Schlüssel/Wert-Paaren an den Server senden. Diese Arbeit kann einfach mit der Serialisierungsmethode von JQuery durchgeführt werden Dies Die Methode kann das Formular in Schlüssel-Wert-Paare (Schlüssel1=Wert1&Schlüssel2=Wert2…) serialisieren und senden. Im Folgenden wird die Verwendung von serialize() in JQuery vorgestellt

1. Definition und Verwendung von serialize():

Die Methode serialize() erstellt eine A Standard-URL-codierte Textzeichenfolge, die mit einem jQuery-Objekt arbeitet, das eine Sammlung von Formularelementen darstellt. Sie können ein oder mehrere Formularelemente (z. B. Eingaben oder Textfelder) oder das Formularelement selbst auswählen. Serialisierte Werte können in URL-Abfragezeichenfolgen verwendet werden, wenn AJAX-Anfragen gestellt werden.

Syntax:

Code kopieren Der Code lautet wie folgt:

$(selector) .serialize( )

Detaillierte Beschreibung

1. Die Methode .serialize() erstellt eine Textzeichenfolge, die durch Standard-URL-Codierung dargestellt wird. Es arbeitet mit einem jQuery-Objekt, das eine Sammlung von Formularelementen darstellt.

2. Die Methode .serialize() kann beispielsweise jQuery-Objekte bedienen, die einzelne Formularelemente ausgewählt haben.

3 Nur „erfolgreiche Steuerelemente“ werden in Zeichenfolgen serialisiert. Wenn Sie zum Absenden des Formulars keine Schaltfläche verwenden, wird der Wert der Absenden-Schaltfläche nicht serialisiert. Wenn der Wert eines Formularelements in eine Sequenzzeichenfolge aufgenommen werden soll, muss das Element ein Namensattribut verwenden.

4. Der Name im Formular darf keine Schlüsselwörter in Js oder Jquery verwenden.

Zum Beispiel: Länge

Code kopieren Der Code lautet wie folgt:

//Verwenden Sie :$("#form1").serialize();

Der obige Wert kann nicht erhalten werden.

2. Beispiele für serialize() in JQuery

1 > Kopieren Sie den Code

Der Code lautet wie folgt:

$.ajax({

type: "POST", dataType: "json", url: ajaxCallBack,

data:$('#myForm').serialize(),// ID des Formulars, das übermittelt werden soll

success: function(msg){
warning(msg);
}
});


2. serialize() Formularinstanz serialisieren

Code kopieren

Der Code ist wie folgt folgt: