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 相关文章推荐
Add Formatted Text to a Word Document
Jun 15 Javascript
JavaScript面向对象(极简主义法minimalist approach)
Jul 17 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
JavaScript判断数组是否存在key的简单实例
Aug 03 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
Sep 29 Javascript
jQuery实现删除li节点的方法
Dec 06 Javascript
JavaScript的六种继承方式(推荐)
Jun 26 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
Sep 07 Javascript
Angular 向组件传递模板的两种方法
Feb 23 Javascript
Vue 全局loading组件实例详解
May 29 Javascript
详解Vue的options
May 15 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
yii2-GridView在开发中常用的功能及技巧总结
2017/01/07 PHP
js 与或运算符 || && 妙用
2009/12/09 Javascript
jquery构造器的实现代码小结
2011/05/16 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
2013/04/25 Javascript
给事件响应函数传参数的四种方式小结
2013/12/05 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
2014/01/09 Javascript
js根据日期判断星座的示例代码
2014/01/23 Javascript
jQuery横向擦除焦点图特效代码分享
2015/09/06 Javascript
js实现延时加载Flash的方法
2015/11/26 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
2016/12/17 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
2017/01/23 Javascript
JavaScript函数中的this四种绑定形式
2017/08/15 Javascript
使用vue-cli导入Element UI组件的方法
2018/05/16 Javascript
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
详解基于vue的服务端渲染框架NUXT
2018/06/20 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
es6函数之箭头函数用法实例详解
2020/04/25 Javascript
在antd4.0中Form使用initialValue操作
2020/11/02 Javascript
在Python中封装GObject模块进行图形化程序编程的教程
2015/04/14 Python
Python logging管理不同级别log打印和存储实例
2018/01/19 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
小米俄罗斯授权商店:Xiaomi俄罗斯
2019/12/08 全球购物
Columbia Sportswear法国官网:全球户外品牌
2020/09/25 全球购物
不假外出检讨书
2014/01/27 职场文书
国贸专业自荐信范文
2014/03/02 职场文书
2015年度高中教师工作总结
2015/05/26 职场文书
横空出世观后感
2015/06/09 职场文书
2015年学校政教工作总结
2015/07/20 职场文书
奖学金申请个人主要事迹材料
2015/11/04 职场文书
股东合作协议书模板2篇
2019/11/05 职场文书
分享一些Java的常用工具
2021/06/11 Java/Android