jQuery基于ajax()使用serialize()提交form数据的方法
更新时间：2015年12月08日 16:17:56 作者：leejersey
这篇文章主要介绍了jQuery基于ajax()使用serialize()提交form数据的方法,结合实例形式较为详细的分析了jQuery使用ajax提交serialize序列化后的表单数据的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery基于ajax()使用serialize()提交form数据的方法。分享给大家供大家参考，具体如下：
jQuery的serialize()方法通过序列化表单值，创建URL编码文本字符串，我们就可以选择一个或多个表单元素，也可以直接选择form将其序列化，如：
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
<script>
$(document).ready(function(){
console.log($("form").serialize());
// FirstName=Bill&LastName=Gates
});
</script>
这样，我们就可以把序列化的值传给ajax()作为url的参数，轻松使用ajax()提交form表单了，而不需要一个一个获取表单中的值然后传给ajax()，举例如下：
$.ajax({
type: 'post',
url: 'your url',
data: $("form").serialize(),
success: function(data) {
// your code
}
});
使用$.post()、$.get()和$.getJSON()也是一样的：
$.post('your url', $("form").serialize(), function(data) {
// your code
}
});
$.get('your url', $("form").serialize(), function(data) {
// your code
}
});
$.getJSON('your url', $("form").serialize(), function(data) {
// your code
}
});
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
JQuery扩展插件Validate 3通过参数设置错误信息
最终显示在页面上的错误分为两种：第一种是默认错误信息，该信息已经被定义在插件中了，可以手动修改。2011-09-09
这篇文章主要介绍了jQuery实现带右侧索引功能的通讯录,结合实例形式分析了jQuery针对页面元素动态遍历、排序等相关操作技巧,并附源码供读者下载参考,需要的朋友可以参考下2018-04-04
jquery UI Datepicker时间控件冲突问题解决
这篇文章主要介绍了jquery UI Datepicker时间控件冲突问题的解决，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
Promises是一种令代码异步行为更加优雅的抽象，它很有可能是JavaScript的下一个编程范式，一个Promise即表示任务结果，无论该任务是否完成。本文以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题，需要的朋友参考下2015-11-11
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on()，有些同学会对这四者存在一些疑虑，所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料，需要的朋友可以参考借鉴。2017-08-08
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
这篇文章主要为大家介绍了jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项,需要的朋友可以参考下2010-12-12
主要是用作图片展示的时候需要，点击后一组图片左右滑动，需要的朋友可以参考下2012-08-08
JQuery为textarea添加maxlength属性并且兼容IE
textarea默认不支持maxlength属性，JQuery为textarea添加maxlength,并且兼容IE，具体实现祥看本文，希望可以帮助到你2013-04-04
这篇文章主要介绍了jquery操作select常见方法,结合实例形式总结分析了jQuery操作select常见的7种情况与相关操作技巧,需要的朋友可以参考下2019-05-05
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性，有效地改善用户体验，还可以大大减少开发时间。现在的jQuery插件很多，可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。2011-02-02
最新评论