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 next()
- jquery中change()
- jquery实现标签输入功能
- jquery五子棋javascript(原生JavaScript实现简单五子棋游戏)
- jquery中使用detach 移除元素
- JQuery中extend的用法
- jquery留言板代码(JavaScript实现留言板添加删除留言)
- jquery 实现对联广告
- jquery判断是否显示或隐藏
- jquery中text(),val(),html()区别
- jquery隐藏动画教程(jquery插件实现鼠标隐藏)
- jquery 淡入淡出
- jQuery中height()、innerheight()、outerheight()的区别
- jquery属性选择器
- jquery中animate
- jquery on绑定hover
- 兄弟萌,今年的七夕又取消了 思考 思考(今年的七夕又取消了)
- 七夕取消是什么梗(七夕取消是什么梗)
- 这竟然是捏出来的 20种橡皮泥玩法让你轻松hold住魔娃(这竟然是捏出来的)
- 自制橡皮泥(自制橡皮泥)
- 还在卖 禁药西布曲明网上论斤卖(还在卖禁药西布曲明网上论斤卖)
- 微商在朋友圈热卖的 DL减肥咖啡 含违禁药物,你还敢买吗(微商在朋友圈热卖的)
热门推荐
- axios原理和实现(GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析)
- dedecms时间代码(Dedecms中常用数据调用的sql语句汇总)
- 阿里云服务器怎么设置安全(详解阿里云服务器添加安全组规则图文教程)
- iframe怎么设置域名(iframe与window.onload如何使用详解)
- 小程序ui设计样式(AmazeUI 平滑滚动效果的示例代码)
- mysql高级变量查询(MySQL 使用自定义变量进行查询优化)
- laravel怎么获取单个框架(laravel-admin自动生成模块,及相关基础配置方法)
- yii与uniapp交互(Yii框架的路由配置方法分析)
- mysql数据库调优技术大全(Mysql数据库性能优化三分表、增量备份、还原)
- mybatissql解析(mybatis动态sql常用场景总结)