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