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程序设计有所帮助。
相关文章
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
这节介绍jQuery validation插件一个新的校验规则属性rangelength，通过数组方式赋值2012-02-02
这篇文章主要为大家介绍了jQuery编程动画基本实现方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
(jQuery,mootools,dojo)使用适合自己的编程别名命名
我们经常用一些别名方法来使用自己喜欢的js 库。学习javascript的朋友可以参考下。2010-09-09
本文仅针对jquery的部分知识点做总结，更为全面的可以去官网看中文文档。可以更为详细的了解jquery及其特性。2014-09-09
getJson在IE下IE下默认会使用浏览器缓存，所以导致数据不显示，让其不要使用缓存便可解决2013-06-06
这篇文章主要分为以下知识：什么是Callbacks、Callbacks模型、基本模块实现、once和auto(memory)、源码和源码下载，十分的细致全面，这里推荐给大家，有需要的小伙伴参考下吧。2015-03-03
jQuery Form插件使用详解_动力节点Java学院整理
这篇文章主要为大家详细介绍了jQuery Form插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
jQuery EasyUI NumberBox(数字框)的用法
jQuery EasyUI 数字框(NumberBox)用法2010-07-07
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
这篇文章主要介绍了详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题 的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jquery实现无限分级横向导航菜单的方法,实例分析了基于jQuery插件操作html与对应样式实现导航菜单效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
最新评论