Einführung in Beispiele der Methoden serialize(), serializeArray() und param() in JQuery_jquery

Das Folgende ist der JSP-Code auf der Serverseite:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<% 
request.setCharacterEncoding("UTF-8"); 
String username = request.getParameter("username"); 
String content = request.getParameter("content"); 
out.println("<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+" 
</p></div>"); 
%>

Wie andere Methoden in JQuery wirkt auch die Methode serialize() auf ein JQuery-Objekt, das den Inhalt von DOM-Elementen in Strings für Ajax-Anfragen serialisieren kann. Mit der Methode serialize() können Sie alle Felder dieser Seite übermitteln. Der Code lautet wie folgt:

$("#send").click(function(){ 
$.get("get1.jsp", $("#form1").serialize(), function(data, textStatus) 
$("#resText").html(data); 
});
});

Wenn auf die Schaltfläche „Senden“ geklickt wird, können alle zu Formular1 gehörenden Formularelemente an den Hintergrund gesendet werden. Auch wenn dem Formular weitere Felder hinzugefügt werden, kann das Skript weiterhin verwendet werden und es sind keine weiteren redundanten Arbeiten erforderlich.

Wenn Sie den String-Modus verwenden, müssen Sie auf die Zeichenkodierung achten (chinesisches Problem). Wenn Sie nicht möchten, dass die Kodierung Probleme verursacht, können Sie die Methode serialize() verwenden, die automatisch kodiert.

Da die Methode serialize() für JQuery-Objekte funktioniert, können sie nicht nur von Formularen verwendet werden, sondern auch von anderen Selektoren ausgewählte Elemente, wie beispielsweise der folgende JQuery-Code:

$(":checkbox,:radio").serialize();

Serialisieren Sie die Werte von Kontrollkästchen und Optionsfeldern in Zeichenfolgenform. Nur die ausgewählten Werte werden serialisiert.

Es gibt auch eine Methode ähnlich wie serialize() in JQuery – serializeArray(). Diese Methode gibt keinen String zurück, sondern serialisiert die DOM-Elemente und gibt Daten im JSON-Format zurück. Der JQuery-Code lautet wie folgt:

var fields = $(":checkbox,:radio").serializeArray();
console.log(fields); //用FireBug输出

Die Methode $.param() ist der Kern der Methode serialize(), die zum Serialisieren eines Arrays oder Objekts nach Schlüssel/Wert verwendet wird.

Serialisieren Sie beispielsweise ein gewöhnliches Objekt:

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