Introduction aux exemples de méthodes Serialize(), SerializeArray() et param() dans JQuery

La méthode

serialize() agit également sur un JQuery objet, qui peut sérialiser le contenu de l'élément DOM en une string. ne renvoie pas de chaîne, mais après avoir sérialisé les éléments DOM, renvoie les données au format JSON

Voici le code jsp côté serveur :

<%@ 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("<p class=&#39;comment&#39;><h6> "+username+" :</h6><p class=&#39;para&#39;> "+content+" 
</p></p>"); 
%>

avec JQuery Comme les autres méthodes de JQuery, la méthode serialize() agit également sur un objet JQuery, qui peut sérialiser le contenu des éléments DOM en chaînes pour les requêtes ajax. En utilisant la méthode serialize(), vous pouvez soumettre tous les champs de cette page. Le code est le suivant :

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

Lorsque le bouton "Soumettre" est cliqué, tous les formulaires appartenant à form1 Tous les éléments peuvent être soumis en arrière-plan Même si des champs supplémentaires sont ajoutés au formulaire, le script peut toujours être utilisé et aucun autre travail redondant n'est requis.

Lorsque vous utilisez le mode chaîne, vous devez faire attention à l'encodage des caractères (problème chinois). Si vous ne voulez pas que l'encodage pose problème, vous pouvez utiliser la méthode serialize(), qui encodera automatiquement.

Comme la méthode serialize() agit sur les objets JQuery, non seulement les formulaires peuvent l'utiliser, mais également les éléments sélectionnés par d'autres sélecteurs peuvent l'utiliser, comme le code JQuery suivant :

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

Sérialise les valeurs de la case à cocher et du bouton radio sous forme de chaîne Seule la valeur sélectionnée sera sérialisée.

Il existe également une méthode similaire à Serialize() dans JQuery - SerializeArray(). Cette méthode ne renvoie pas de chaîne, mais sérialise les éléments DOM et renvoie les données au format JSON. Le code JQuery est le suivant :

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

La méthode $.param() est le cœur de la méthode serialize(), qui est utilisée pour sérialiser un tableau ou un objet. selon clé/valeur.

Par exemple, sérialisez un objet normal :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!