jquery序列化方法实例分析


Posted in Javascript onJune 10, 2015

本文实例讲述了jquery序列化方法。分享给大家供大家参考。具体分析如下:

做ajax的时候,经常需要序列化,
serialize()只能序列化表单 。(注 : 表单里的内容 只能用 name )

现在有一个对象:

var obj={a:1,b:2,c:3};

怎么让它序列化呢?
用prototype 可以用$H(obj).toQueryString() 搞定?jqueyr有什么方法吗?

答案是肯定的, jquery提供了 $.param()。

var obj={a:1,b:2,c:3};
var k = $.param(obj);
alert(k) // 输出 a=1&b=2&c=3

好了,去试试吧。。 ^_^。

serialize序列化的例子。。

1. jquery选择器选择表单中所有input(type为text和radio)
2. serialize()将其序列化

var msg = $("#innerbox input[type=text],#innerbox input[type=radio]").serialize();
$.ajax({
type: "POST",
url: "add.php",
data: msg,
success: function(data){ $(".showMsg").html(data); }
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
一个JQuery写的点击上下滚动的小例子
Aug 27 Javascript
JavaScript两种跨域技术全面介绍
Apr 16 Javascript
多种js图片预加载实现方式分享
Feb 19 Javascript
JQuery导航菜单选择特效
Apr 11 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
Jun 22 Javascript
JavaScript订单操作小程序完整版
Jun 23 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
Sep 02 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 Javascript
浅谈Vue SSR中的Bundle的具有使用
Nov 21 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 Javascript
Vue使用轮询定时发送请求代码
Aug 10 Javascript
Vue中的nextTick作用和几个简单的使用场景
Jan 25 Vue.js
jQuery实现dialog设置focus焦点的方法
Jun 10 #Javascript
jQuery替换textarea中换行的方法
Jun 10 #Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 #Javascript
JavaScript中getUTCMinutes()方法的使用详解
Jun 10 #Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 #Javascript
jQuery获取页面元素绝对与相对位置的方法
Jun 10 #Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 #Javascript
You might like
php学习之变量的使用
2011/05/29 PHP
php正则匹配html中带class的div并选取其中内容的方法
2015/01/13 PHP
PHP中的类型提示(type hinting)功能介绍
2015/07/01 PHP
广告显示判断
2006/08/31 Javascript
关于图片验证码设计的思考
2007/01/29 Javascript
javascript ready和load事件的区别示例介绍
2013/08/30 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
14个有用的Jquery技巧分享
2015/01/08 Javascript
jQuery实现下拉框选择图片功能实例
2015/08/08 Javascript
Js实现简单的小球运动特效
2016/02/18 Javascript
详解JavaScript中|单竖杠运算符的使用方法
2016/05/23 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
极简主义法编写JavaScript类
2017/11/02 Javascript
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
实例讲解v-if和v-show的区别
2019/01/31 Javascript
9102年webpack4搭建vue项目的方法步骤
2019/02/20 Javascript
vue实现设置载入动画和初始化页面动画效果
2019/10/28 Javascript
详解JavaScript 作用域
2020/07/14 Javascript
python 装饰器功能以及函数参数使用介绍
2012/01/27 Python
浅谈python中copy和deepcopy中的区别
2017/10/23 Python
使用python绘制3维正态分布图的方法
2018/12/29 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
python如何读取bin文件并下发串口
2019/07/05 Python
python 返回一个列表中第二大的数方法
2019/07/09 Python
Django使用中间键实现csrf认证详解
2019/07/22 Python
canvas实现扭蛋机动画效果的示例代码
2018/10/17 HTML / CSS
俄罗斯珠宝市场的领导者之一:Бронницкий ювелир
2019/10/02 全球购物
什么是类的返射机制
2016/02/06 面试题
C# Debug和Testing相关面试题
2015/10/25 面试题
安全教育月活动总结
2014/05/05 职场文书
社区文艺活动方案
2014/08/19 职场文书
整改报告格式
2014/11/06 职场文书
MySQL 原理与优化之Limit 查询优化
2022/08/14 MySQL