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 相关文章推荐
js技巧--转义符"\"的妙用
Jan 09 Javascript
Javascript 更新 JavaScript 数组的 uniq 方法
Jan 23 Javascript
JavaScript 学习笔记(十五)
Jan 28 Javascript
javascript实现促销倒计时+fixed固定在底部
Sep 18 Javascript
JS实现可调整倒计时间代码分享
Aug 18 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
Dec 19 Javascript
jQuery中Chosen三级联动功能实例代码
Mar 07 Javascript
详解vue嵌套路由-params传递参数
May 23 Javascript
深入理解Angular4中的依赖注入
Jun 07 Javascript
React如何将组件渲染到指定DOM节点详解
Sep 08 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
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读取30天之内的根据算法排序的代码
2008/04/06 PHP
PHP数组的交集array_intersect(),array_intersect_assoc(),array_inter_key()函数的小问题
2011/05/29 PHP
PHP eval函数使用介绍
2013/12/08 PHP
跟我学Laravel之快速入门
2014/10/15 PHP
PHP获取POST数据的几种方法汇总
2015/03/03 PHP
通过PHP自带的服务器来查看正则匹配结果的方法
2015/12/24 PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
2020/07/21 PHP
使用composer 安装 laravel框架的方法图文详解
2019/08/02 PHP
Thinkphp 框架扩展之驱动扩展实例分析
2020/04/27 PHP
PHP程序守护进程化实现方法详解
2020/07/16 PHP
CheckBox 如何实现全选?
2006/06/23 Javascript
基于JQuery的日期联动实现代码
2011/02/24 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
2014/06/05 Javascript
Javascript数组操作函数总结
2015/02/05 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
2016/12/27 Javascript
vue一步步实现alert功能
2017/07/05 Javascript
前端开发不得不知的10个最佳ES6特性
2017/08/30 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
收集前端面试题之url、href、src
2018/03/22 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
JS实现查找数组中对象的属性值是否存在示例
2019/05/24 Javascript
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
微信小程序实现侧边分类栏
2019/10/21 Javascript
JavaScript实现联动菜单特效
2020/01/07 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
[02:31]DOTA2帕克 英雄基础教程
2013/11/26 DOTA
[55:35]VGJ.S vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python中字符串的格式化方法小结
2016/05/03 Python
python append、extend与insert的区别
2016/10/13 Python
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
德国低价购买灯具和家具网站:Style-home.de
2016/11/25 全球购物
高效课堂标语
2014/06/26 职场文书
2014年车间工作总结
2014/11/21 职场文书