So verwenden Sie die Serialisierungsmethode in JQuery

In jquery erstellt die Methode serialize() eine standardmäßige URL-codierte Textzeichenfolge, indem sie den Formularwert serialisiert. Der serialisierte Wert kann in der URL-Abfragezeichenfolge verwendet werden, wenn eine AJAX-Anfrage generiert wird. serialize()".

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 1.10.2, Dell G3-Computer.

So verwenden Sie die Methode serialize in jquery

serialize() Definition und Verwendung: Die Methode

serialize() erstellt eine standardmäßige URL-codierte Textzeichenfolge durch Serialisierung von Formularwerten. Ihr Operationsobjekt ist ein jQuery-Objekt, das eine Sammlung von darstellt Formelemente. Sie können ein oder mehrere Formularelemente (z. B. Eingaben oder Textfelder) oder das Formularelement selbst auswählen. Bei der Generierung von AJAX-Anfragen können serialisierte Werte in URL-Abfragezeichenfolgen verwendet werden.

Syntax:

$(selector).serialize()

Detaillierte Beschreibung

1 Die .serialize()-Methode erstellt eine Textzeichenfolge, die durch Standard-URL-Codierung dargestellt wird. Sein Operationsobjekt ist ein jQuery-Objekt, das eine Sammlung von Formularelementen darstellt.

2. Die Methode .serialize() kann jQuery-Objekte bedienen, die einzelne Formularelemente wie d5fd7aea971a85678ba271703566ebfd und 221f08282418e2996498697df914ce4e haben. Im Allgemeinen ist es jedoch einfacher, das Tag ff9c23ada1bcecdd1a0fb5d5a0f18437 selbst für die Serialisierung auszuwählen.

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 des Formularelements in eine Sequenzzeichenfolge aufgenommen werden soll, muss das Element das Namensattribut verwenden.

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

Zum Beispiel: Länge

Der Code lautet wie folgt:

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

Der Wert kann oben nicht abgerufen werden.

Serialize()-Instanz in JQuery

1, Ajax Serialize()

Der Code lautet wie folgt:

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

2. Serialize()-Serialisierungsformularinstanz

Der Code lautet wie folgt:

<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>

Nach dem Klicken Klicken Sie auf die Schaltfläche und es erscheint:

Benutzername=admin&password=admin123

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Serialisierungsmethode in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!