Maison > interface Web > js tutoriel > Introduction aux exemples de méthodes Serialize(), SerializeArray() et param() dans JQuery

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

巴扎黑
Libérer: 2017-07-03 13:50:50
original
973 Les gens l'ont consulté

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>"); 
%>
Copier après la connexion

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); 
});
});
Copier après la connexion

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();
Copier après la connexion

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输出
Copier après la connexion

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
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal