Maison > interface Web > js tutoriel > exemples d'utilisation du formulaire sérialisé jquery et de la fonction de rappel_jquery

exemples d'utilisation du formulaire sérialisé jquery et de la fonction de rappel_jquery

WBOY
Libérer: 2016-05-16 16:42:45
original
1275 Les gens l'ont consulté

Dans les projets de développement, les valeurs front-end sont transmises au back-end. Parfois, il y a une ou deux valeurs dans le formulaire JSP, ou toutes les valeurs si vous les transmettez une par une. Ce n'est certainement pas une bonne idée, alors utilisez jQuery pour fournir La méthode de sérialisation du formulaire peut très bien résoudre ce problème. En même temps, elle peut être encapsulée dans une fonction générale si l'exécution est réussie, la fonction de rappel correspondante. peut être appelé pour réaliser les fonctions respectives.

Le code est le suivant :

function queryUserInfo(actionUrl,formId,fun){ 
var params=new Object(); //声明数组 
$.each($("#"+formId).serializeArray(),function(index,param){ 
params[param.name] = param.value; //序列化表单 
}); 
params['time']=new Date(); //1 
$.ajax( { 
url : basePath+actionUrl, 
data : params,//没有1,可以这样写("#"+formId).serializeArray() 
type : 'POST', 
dataType:'json', 
async: false,//表示同步,等待服务端返回数据,才会执行后面的代码 
success : function(obj) { 
fun(actionUrl,formId,obj); 
}, 
error: function() { 
alert("访问异常"); 
} 
}); 
}
Copier après la connexion

Une autre façon :

function setUserInfo(actionUrl,userid,username,fun){ 
var params=new Object(); //声明数组 
params['user.id']=userid; 
params['user.name']=username; 
$.ajax( { 
url : actionUrl, 
data : params,//没有1,可以这样写("#"+formId).serializeArray() 
type : 'POST', 
dataType:'json', 
async: false,//表示同步,等待服务端返回数据,才会执行后面的代码 
success : function(obj) { 
fun(actionUrl,formId,obj);//调用回调的函数 
}, 
error: function() { 
alert("访问异常"); 
} 
}); 
}
Copier après la connexion
É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