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中append和appendto的区别
- jquery实现页面滚动时自动加载内容
- jquery中animate
- jQuery给动态添加的元素绑定事件
- jquery unbind
- Jquery实现table表格行的添加、删除
- jQuery toggleClass
- jquery留言板代码(JavaScript实现留言板添加删除留言)
- jquery如何优化
- javascript和jquery的区别详解(JavaScript与JQuery框架基础入门教程)
- jquery属性选择器
- jQuery判断对象是否存在
- jquery轮播图的左右按钮(jQuery轮播图功能实现方法)
- jquery中unbind、bind
- jQuery多个版本间,以及与其他js文件冲突的解决方法
- jquery使用data缓存数据
- 一窗通办政务服务小品剧本(一窗通办政务服务小品剧本)
- 刘韬涛丁子贺小品《根治低头族》台词剧本(刘韬涛丁子贺小品根治低头族台词剧本)
- 看完《夺冠》,黄渤的演技我实在夸不起来,彭昱畅反令人惊喜(黄渤的演技我实在夸不起来)
- 黄渤泪目 我的痴呆父亲,我内心永远的痛(黄渤泪目我的痴呆父亲)
- 蒜苔和鱿鱼尾巴一起炒,味道特别棒,又脆又嫩,有滋又有味(蒜苔和鱿鱼尾巴一起炒)
- 鱿鱼炒蒜苔不是黑暗料理,这样做清香扑鼻,鲜美脆嫩,开胃又下饭(鱿鱼炒蒜苔不是黑暗料理)
热门推荐
- pandas画布设置数据标签(pandas dataframe添加表格框线输出的方法)
- nginx集群技巧(Vmware部署Nginx+KeepAlived集群双主架构的问题及解决方法)
- mysql高级变量查询(MySQL 使用自定义变量进行查询优化)
- ASP.NET网站的404错误页面的设置
- ASP.NET Web API中参数的传递
- php中钩子的理解与实例教程(php中钩子hook的原理与简单应用demo示例)
- laravel事务状态(laravel dingo API返回自定义错误信息的实例)
- 云服务器好在哪你知道吗(美国云服务器怎么选择?美国云服务器选择技巧分享)
- letter-spacing和word-spacing区别
- iis操作教程(IIS支持exe文件下载配置方法附图)