jQuery序列化表单数据-----serialize() serializeArray()
2015-06-26 14:26
387 查看
1.serialize()方法
格式:var data = $("form").serialize();
功能:将表单内容序列化成一个字符串。这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。
2.serializeArray()方法
在JQuery中还有一个与serialize()类似的方法--serializeArray(),该方法不是返回字符串,而是将DOM元素序列化后,返回JSON格式的数据。
格式:var jsonData = $("form").serializeArray();
功能:将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。
比如,[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name
serialize()方法的核心是$.param()方法,用来对一个数组或对象按照key/value进行序列化。
比如将一个普通的对象序列化:
格式:var data = $("form").serialize();
功能:将表单内容序列化成一个字符串。这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。
2.serializeArray()方法
在JQuery中还有一个与serialize()类似的方法--serializeArray(),该方法不是返回字符串,而是将DOM元素序列化后,返回JSON格式的数据。
格式:var jsonData = $("form").serializeArray();
功能:将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。
比如,[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name
serialize()方法的核心是$.param()方法,用来对一个数组或对象按照key/value进行序列化。
比如将一个普通的对象序列化:
var obj = {a:1,b:2,c:3}; var k = $.param(obj); alert(k); //输出a=1&b=2&c=3
相关文章推荐
- 正益无线首页jQuery焦点图
- jquery验证篇
- jquery.validata1.11怎么支持metadata
- Jquery打印
- jquery引用的异常
- jQuery匹配文档链接并添加class的方法
- jquery计算鼠标和指定元素之间距离的方法
- jquery prop('checked', true)解决attr('checked', true)不能选中radio问题
- jQuery实现按钮只点击一次后就取消点击事件绑定的方法
- Jquery笔记--滚动条移动,导航条显示隐藏和响应式。
- 隐藏在左侧的jquery弹性弹出菜单
- jquery中的$(document).ready()
- Jquery 将表单序列化为Json对象
- jQuery 下的 Ajax 基本知识整理
- jQuery对select遍历option(添加、移除)
- jQuery学习
- jquery统计页面的pv/ip及停留时间等
- 基于jQuery实现的旋转彩圈实例
- jquery实现的树形目录实例
- jQuery对象与DOM对象之间的转换方法