jQuery ajax中使用serialize()方法提交表单数据示例
更新时间：2013年10月14日 17:33:34 作者：
使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交，下面是使用serialize()序列化表单的实例，感兴趣的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
jQuery ajax中数据以键值对（Key/Value）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例：
$.ajax({
type: "POST",
url: ajaxCallUrl,
data: "Key=Value&Key2=Value2",
success: function(msg){alert(msg);}
});
ajax serialize():
$.ajax({
type: "POST",
url:ajaxCallUrl,
data:$('#formID').serialize(),// 要提交的表单
success: function(msg) {alert(msg);}
});
实例：
复制代码 代码如下:
$.ajax({
type: "POST",
url: ajaxCallUrl,
data: "Key=Value&Key2=Value2",
success: function(msg){alert(msg);}
});
ajax serialize():
复制代码 代码如下:
$.ajax({
type: "POST",
url:ajaxCallUrl,
data:$('#formID').serialize(),// 要提交的表单
success: function(msg) {alert(msg);}
});
实例：
相关文章
这篇文章主要介绍了使用Ajax方法实现Form表单的提交及注意事项,需要的朋友可以参考下2017-07-07
本系列我们将来逐步学习ajax，作为本系列的开篇文章，我们还是俗套些，先来讲解下ajax的简介和基础知识吧。2015-01-01
这篇文章主要介绍了使用ajax操作 JavaScript 对象方法的相关资料,需要的朋友可以参考下2015-01-01
ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。下面通过本文给大家分享Ajax异步请求技术实例讲解，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-08-08
这篇文章主要介绍了Ajax+php实现商品分类三级联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
本篇文章主要是对Ajax风格的一款网页Loading效果的实例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
AjaxFileUpload结合Struts2实现多文件上传(动态添加文件上传框)
本文是程序员之家小编给大家分享的AjaxFileUpload结合Struts2实现多文件上传功能，如果项目需求是不确定多少个文件，我们需要动态的添加文件上传框，具体实现代码大家参考下本文2017-09-09
这篇文章主要介绍了零基础学习AJAX之制作自动校验的表单,需要的朋友可以参考下2015-01-01
在网站调用加载评论等信息的时候遇到了不同域名间javascript不能执行的问题，一直都在加载中显示不出来，而换个网址访问的话就能正确显示，一直没去注意浏览器提示的错误信息:2008-04-04
上次我们讲了ajax开始准备篇，做好了基本的ajax准备工作以后．我们开始牛刀小试一下：ajax初试之读取数据篇．2010-10-10
最新评论