Heim >Web-Frontend >js-Tutorial >Beispiele für die Verwendung serialisierter jquery-Formulare und Rückruffunktionen_jquery

Beispiele für die Verwendung serialisierter jquery-Formulare und Rückruffunktionen_jquery

WBOY
WBOYOriginal
2016-05-16 16:42:451283Durchsuche

In Entwicklungsprojekten werden die Front-End-Werte an das Back-End übergeben. Manchmal gibt es einen oder zwei Werte im JSP-Formular, oder alle Werte werden einzeln übergeben Dies ist jedoch definitiv keine gute Idee. Verwenden Sie daher die Formularserialisierungsmethode, um dieses Problem zu lösen. Gleichzeitig kann die entsprechende Rückruffunktion in eine allgemeine Funktion gekapselt werden aufgerufen werden, um die jeweiligen Funktionen zu realisieren.

Der Code lautet wie folgt:

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("访问异常"); 
} 
}); 
}

Anders:

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("访问异常"); 
} 
}); 
}
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn