jquery序列化表单以及回调函数的使用示例

 更新时间:2014年07月02日 15:50:58   投稿:whsnow  
使用jQuery提供的表单序列化方法可以很好的解决JSP表单中一个个传值的问题,下面有个示例,大家可以参考下

在开发项目中,将前台的值传给后台,有时的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的强大了,做了个多级复选框的效果,代码块分两块:一是全选的效果、二是当前复选框的父框根据当前框的兄弟是否全选中来决定父框是否选中
    2013-08-08
  • jquery miniui 教程 表格控件 合并单元格应用

    jquery miniui 教程 表格控件 合并单元格应用

    本文将详细介绍jquery miniui 教程 表格控件 合并单元格的应用,需要的朋友可以参考下
    2012-11-11
  • jquery实现手风琴案例

    jquery实现手风琴案例

    这篇文章主要为大家详细介绍了jquery实现手风琴案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • 简单实现jquery隔行变色

    简单实现jquery隔行变色

    这篇文章主要为大家详细介绍了实现jquery隔行变色效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • jQuery插件制作之全局函数用法实例

    jQuery插件制作之全局函数用法实例

    这篇文章主要介绍了jQuery插件制作之全局函数用法,实例分析了jQuery中全局函数的相关使用技巧,需要的朋友可以参考下
    2015-06-06
  • jquery js 重置表单 reset()具体实现代码

    jquery js 重置表单 reset()具体实现代码

    我们希望表单提交以后,能reset,由于jquery没有这个方法,所以只能采用其他的方法来实现了,具体如下,有此需求的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • vue-preview缩略图报错解决

    vue-preview缩略图报错解决

    这篇文章主要为大家介绍了vue-preview缩略图报错解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • 对 jQuery 中 data 方法的误解分析

    对 jQuery 中 data 方法的误解分析

    一直以来都认为新版本中 data 是调用 dataset 实现的,对于低版本IE则采用 getAttribute其实一直是我误解了,也不知道最初这个想法是怎么来的
    2014-06-06
  • 一个用jquery写的判断div滚动条到底部的方法【推荐】

    一个用jquery写的判断div滚动条到底部的方法【推荐】

    下面小编就为大家带来一篇一个用jquery写的判断div滚动条到底部的方法【推荐】。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-04-04
  • AJAX和jQuery动态加载数据的实现方法

    AJAX和jQuery动态加载数据的实现方法

    本文给大家介绍使用ajax和jquery动态加载数据的实现方法,使用jQuery可以简化这个过程。下面通过实例代码给大家介绍下,需要的的朋友参考下吧
    2016-12-12

最新评论