jQuery ajax中serialize()方法增加其他参数

使用jQuery.ajax()进行表单提交时,需要传递参数,最直接的方法便是使用Form的serializa()将表单序列化,前提只是将Form表单中的name属性与数据库的字段名保持一致便可;但如果遇到再次往其中增加参数的状况呢,我们该如何处理?


First:

其实,jQuery ajax的serialize() 方法是将表单序列化为键值对(key1=value1&key2=value2…)后提交,使用标准的 URL-encoded 编码表示文本字符串,而jQuery ajax-param()方法也是将其序列化一个 key/value 对象,如:

var params = { width:1900, height:1200 };
var str = jQuery.param(params);
$("#results").text(str);

结果为:

width=1680&height=1050

恰好两者转换的形式一样,于是在serialize()中想要增加其他参数的时候,就可以:

jQuery.post(url, $.param({aa:‘aa1‘,bb:‘bb‘})+‘&‘+jQuery(‘#fm‘).serialize(), function (result) {
 ...
}


于是传到后台的参数中,除过form表单中的含有name属性的字段外,就额外增加了aa以及bb两个参数,我们的问题也便迎刃而解了!

Second:

还有另外一种解决方法就是,将需要增加的参数写在表单隐藏域中,这样是需要使用Form.serialize()方法,即可将其余参数增加进去。

时间: 2024-08-06 18:57:30

jQuery ajax中serialize()方法增加其他参数的相关文章

jquery ajax中支持哪些返回类型以及js中判断一个类型常用的方法?

1 jquery ajax中支持哪些返回类型在JQuery中,AJAX有三种实现方式:$.ajax() , $.post , $.get(). 预期服务器返回的数据类型.如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML.在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本.随后服务器端返回的数据会根据这个值解析后,传递给回调 函数.可用值: •"xml": 返回

jQuery AJAX中的$.ajax()方法请求成功却始终进入error问题的解决方案及原因记录

在这个示例中,当点击"click me"按钮后,jQuery会向tomcat请求a.txt文件,成功过后会弹出"success"警告框,失败后会弹出"fail"警告框. 运行结果如下图 当点击按钮时,在开发者工具下可以看到已经拿到了a.txt文件,但是却弹出了"fail"警告框. 网上搜了很多博客,有的说是跨域访问,要把请求类型改为jsonp,高频词汇但是我是在本地服务器上运行的,都是在本地ip下,不是跨域问题.不过他说的修改

Ajax中send方法参数的使用

一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null. 例如 : var url = "login.jsp?user=XXX&pwd=XXX"; xmlHttpRequest.open("GET",url,true); xmlHttpRequset.send(null); 此外,也可以使用send方法传递参数.使用send方法传递参数使用的是POST方法,需

【转】Ajax中send方法参数的使用(get/post)

Ajax中send方法参数的使用 一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null. 例如 : var url = "login.jsp?user=XXX&pwd=XXX"; xmlHttpRequest.open("GET",url,true); xmlHttpRequset.send(null); 此外,也可以使用send方法传递参数.使用send方

jquery ajax 使用serialize() 表单字段过多导致的问题

jquery ajax 使用serialize() 表单字段过多导致字段不能全部发送,改用了serializeArray()方法,再查下使用方法,暂时没有发现什么问题 // 如:{Name:'摘取天上星',position:'IT技术'} // ps:注意将同名的放在一个数组里 function getFormJson(form) {   var o = {};   var a = $(form).serializeArray();   $.each(a, function () {     i

http中 get方法 传送中文参数乱码解决办法

http传送参数有两种方法:get 和post  当时使用get方法传递中文参数是会有乱码现象 解决办法: 1.在jsp压面url后面的参数使用 encodeURI:"&zxbghy="+ encodeURI(zxbghy) 2.在后台java获取参数时使用字节数组:temphgdmhy = new String(hgdmhy.getBytes("ISO-8859-1"), "UTF-8");  案例,用get方法传递两个中文参数:zxb

在jQuery ajax中按钮button和submit的区别分析

在使用jQuery ajax的get方法进行页面传值,不能用submit,否则无刷新获取数据展示 点击submit提交按钮,sendPwd.php通过$_POST接收传过来的值,然后echo一段数据.然而却始终无法显示传回来的值.原因在这里: 提交按钮的类型是submit,点击之后毫无反应.因为无意发现有次点击瞬间结果出来了,又变回去了,于是发现诡异,上网一查,发现大部分都把按钮设置成button类型,于是改成button之后,问题解决了. 按钮button和submit有什么区别呢? subm

jquery ajax中success与complete的执行顺序

jquery ajax中success与complete的执行顺序 jquery中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事件) 6.error 7.ajaxError (全局事件) 8.complete 9.ajaxComplete(全局事件) 10.ajaxStop(全局事件) 先执行success,再执行error,最后始终执行complete -------

jQuery ajax中的参数含义

所有options均可选,下面简要说明每个option 1.async 默认为true,即请求为异步请求,这也是ajax存在的意义.但同时也可以将这个参数设置为false,实现同步请求.(同步请求会锁定浏览器,直到这个请求结束后才可以执行其他操作) 2.bforeSend(XHR) 这个方法是用来在发送请求前修改XMLHttpRequest对象的,若修改失败返回false,则取消此次ajax请求: 3.cache 默认为true,设置为false即不缓存.(当datatype为script或ja