JQuery中serialize与serializeArray
JQuery中serialize与serializeArray
JQuery中serialize与serializeArray一、serialize()方法
1、格式
var data = $("form").serialize();
2、功能
将表单内容序列化成一个字符串。
3、返回结果
username=forrest&passwd=1234&gender=0&interest=swimming&interest=running&interest=readBook
4、优点
(1)、这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。
(2)、用字符串方式时,需要注意对字符编码(中文问题),如果不希望编码带来麻烦,可以使用serialize()方法,它会自动编码。
5、实例
type: "POST",
二、serializeArray()方法
1、格式
var jsonData = $("form").serializeArray();
2、功能
将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。
3、返回结果:
[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name。
4、实例
var fields = $("select, :radio").serializeArray();
jQuery.each( fields, function(i, field){
$("#results").append(field.name + "=" +field.value + "; ");
});
结果:username=forrest; passwd=1234; gender=0; interest=swimming; interest=running; interest=readBook;
- jQuery 右侧浮动导航菜单
- jqueryajax实现部分刷新(php+jQuery ajax实现的实时刷新显示数据功能示例)
- jquery next()
- jquery获取outerhtml
- jquery中filter
- jQuery里$(this)和this的区别有哪些
- jquery无缝滚动代码(jQuery实现表格行数据滚动效果)
- jquery on绑定hover
- jQuery toggleClass
- jquery遍历json字符串
- jquery中find()与filter()的区别
- jquery deferred对象
- jquery中is()
- jquery中text(),val(),html()区别
- Uncaught TypeError: jQuery.handleError is not a function
- jquery中append和appendto的区别
- OPPO用户看过来 汇总几个春节实用技巧,轻松搞定多设备联动玩法(汇总几个春节实用技巧)
- 北京旅游攻略(北京旅游攻略5日游及其花费)
- 四川旅游攻略(四川旅游攻略自由行攻略)
- 上海迪士尼攻略(上海迪士尼攻略旅游)
- 哪里可以看熊猫(成都哪里可以看熊猫)
- oppo手机的三种录屏方法,你知道有哪些吗(oppo手机的三种录屏方法)
热门推荐
- dede织梦的后台如何调整和使用(织梦dedecms整合添加ckplayer播放器支持flv,mp4等播放功能)
- sql查看数据库所有表名(SQL提取数据库表名及字段名等信息代码示例)
- mysql自定义函数怎么设置(MySQL自定义变量?学不废不收费~)
- vmware esxi 网络配置(探索VMware ESXI CLI常用命令)
- 云服务器如何搭建自己的网站(云服务器架设搭建的流程步骤是什么?)
- vue 排班安排(vue实现钉钉的考勤日历)
- python怎么用代码写出心形(六行python代码的爱心曲线详解)
- 云服务器是什么到底有什么用(云服务器有什么用)
- 面试时如何回答对工作的期望
- php数据错误处理函数(php中错误处理操作实例分析)