手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery序列化表单以及回调函数的使用示例
jquery序列化表单以及回调函数的使用示例
摘要:在开发项目中,将前台的值传给后台,有时的JSP表单中的值有一两个,也有全部的值,如果这时一个个传,必定不是很好的办法,所以使用jQuery提...

在开发项目中,将前台的值传给后台,有时的JSP表单中的值有一两个,也有全部的值,如果这时一个个传,必定不是很好的办法,所以使用jQuery提供的表单序列化方法,可以很好的解决这个问题,同时可以封装成通用的函数,执行成功可以调用各自的回调函数,实现各自的功能。

代码如下:

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

另一种方式:

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

【jquery序列化表单以及回调函数的使用示例】相关文章:

jquery表单对象属性过滤选择器用法

jquery实现图片左右切换的方法

Jquery zTree 树控件异步加载操作

JavaScript中Number.MIN_VALUE属性的使用示例

jQuery实现html表格动态添加新行的方法

node.js微信公众平台开发教程

jQuery解析XML文件同时动态增加js文件的方法

jQuery实现返回顶部效果的方法

jquery实现弹出层效果实例

jquery中map函数遍历数组用法实例

精品推荐
分类导航