jquery序列化表单以及回调函数的使用示例
在开发项目中,将前台的值传给后台,有时的JSP表单中的值有一两个,也有全部的值,如果这时一个个传,必定不是很好的办法,所以使用jQuery提供的表单序列化方法,可以很好的解决这个问题,同时可以封装成通用的函数,执行成功可以调用各自的回调函数,实现各自的功能。
代码如下:
functionqueryUserInfo(actionUrl,formId,fun){ varparams=newObject();//声明数组 $.each($("#"+formId).serializeArray(),function(index,param){ params[param.name]=param.value;//序列化表单 }); params['time']=newDate();//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("访问异常"); } }); }
另一种方式:
functionsetUserInfo(actionUrl,userid,username,fun){ varparams=newObject();//声明数组 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("访问异常"); } }); }