jquery序列化方法实例分析
本文实例讲述了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程序设计有所帮助。
相关推荐
-
jquery序列化表单去除指定元素示例代码
复制代码 代码如下: <html> <head> </head> <body> <form name="form1"> <input type="hidden" name="page1" class="flau_u_ro" value="1"></input> <input type="hidden"
-
探讨JQUERY JSON的反序列化类 using问题的解决方法
最近弄个JSON传递到服务器端反序列化的方法,发现很多问题,特此记录解决方案,和大家分享一下 手动下载并且引用Newtonsoft.Json.dll 手动引用添加命名空间如下(以DLL的方式引入): 除了要添加引用System.Runtime.Serialization; System.Runtime.Serialization.Formatters; 还要添加System.ServiceModel System.ServiceModel.Web
-
jquery form表单序列化为对象的示例代码
复制代码 代码如下: $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ''); } else { o[this.nam
-
JQuery中serialize() 序列化
本文导读:在jQuery中,当我们使用ajax时,常常需要拼装input数据以键值对(Key/Value)的形式发送到服务器,用JQuery的serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对(key1=value1&key2=value2-)后提交.下面介绍JQuery中serialize()的用法 一.serialize()定义和用法: serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对
-
基于jQuery的一个扩展form序列化到json对象
复制代码 代码如下: $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ''); } else { o[this.nam
-
jquery将一个表单序列化为一个对象的方法
复制代码 代码如下: var aa=function(form){ var o={}; $.each(form.serializeArray(),function(index){ if(o[this['name']]){ o[this['name']] = o[this['name']]+","+this['value']; }else{ o[this['name']] = this['value']; } }); return o; }
-
jquery序列化表单以及回调函数的使用示例
在开发项目中,将前台的值传给后台,有时的JSP表单中的值有一两个,也有全部的值,如果这时一个个传,必定不是很好的办法,所以使用jQuery提供的表单序列化方法,可以很好的解决这个问题,同时可以封装成通用的函数,执行成功可以调用各自的回调函数,实现各自的功能. 代码如下: function queryUserInfo(actionUrl,formId,fun){ var params=new Object(); //声明数组 $.each($("#"+formId).serializeA
-
jQuery-serialize()输出序列化form表单值的方法
实例 输出序列化表单值的结果: 复制代码 代码如下: $("button").click(function(){ $("div").text($("form").serialize()); }); 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身. 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语
-
Jquery 组合form元素为json格式,asp.net反序列化
作者:敖士伟 Email:ikmb@163.com 转载注明作者 说明: 1.js根据表单元素class属性,把表单元素的name和value组合为json格式;用表单元素class属性可以针对性地组合JSON数据. 2.后端ASP.NET用JavaScriptSerializer反序列化为对象实列. 3.好处:简化了前端数据读取与后端数据赋值. 复制代码 代码如下: function GetJSONStr(class_name) { var a = []; //文本框 $("." +
-
jquery序列化方法实例分析
本文实例讲述了jquery序列化方法.分享给大家供大家参考.具体分析如下: 做ajax的时候,经常需要序列化, serialize()只能序列化表单 .(注 : 表单里的内容 只能用 name ) 现在有一个对象: 复制代码 代码如下: var obj={a:1,b:2,c:3}; 怎么让它序列化呢? 用prototype 可以用$H(obj).toQueryString() 搞定?jqueyr有什么方法吗? 答案是肯定的, jquery提供了 $.param(). var obj={a:1,b
-
JQuery中使文本框获得焦点的方法实例分析
本文实例分析了JQuery中使文本框获得焦点的方法.分享给大家供大家参考.具体分析如下: 由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即: $("#id")[0].focus(); 需要注意两个函数之间的区别: $("#id").focus(); $("#id")[0].focus(); 第一个是增加
-
jquery中ajax跨域方法实例分析
本文实例分析了jquery中ajax跨域.分享给大家供大家参考,具体如下: JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问 方法一: jsonp之 getJSON js var url = "http://localhost/mytest/jsonp_php.php?callback=?"; $.getJSON(url, { "age": 21, "name
-
python私有属性和方法实例分析
本文实例分析了python的私有属性和方法.分享给大家供大家参考.具体实现方法如下: python默认的成员函数和成员变量都是公开的,并且没有类似别的语言的public,private等关键词来修饰. 在python中定义私有变量只需要在变量名或函数名前加上 "__"两个下划线,那么这个函数或变量就会为私有的了. 在内部,python使用一种 name mangling 技术,将 __membername替换成 _classname__membername,所以你在外部使用原来的私有成
-
jsp中Action使用session方法实例分析
本文实例分析了jsp中Action使用session方法.分享给大家供大家参考.具体如下: 在Struts2里,如果需要在Action中使用session,可以通过下面两种方式得到 1.通过ActionContext class中的方法getSession得到 2.Action实现org.apache.struts2.interceptor.SessionAware接口的方式来对session进行操作 下面先看一个采用第一种方式,在action中得到session的例子 复制代码 代码如下: p
-
php中Y2K38的漏洞解决方法实例分析
本文实例分析了php中Y2K38漏洞的解决方法.分享给大家供大家参考.具体分析如下: Y2K38,又称 Unix Millennium Bug, 此漏洞将会影响到所有 32 位系统下用 UNIX 时间戳整数来记录时间的 PHP,及其它编程语言. 一个整型的变量所能保存的最大时间为 2038 年 1 月 19 日 03:14:07.超过这个时间后,整型数值将会溢出. 从 1970 年 01 月 01 日开始,到世界标准时 2038 年 01 月 19 日星期二凌晨 03:14:07 超过 2^31
-
JavaScript通过function定义对象并给对象添加toString()方法实例分析
本文实例分析了JavaScript通过function定义对象并给对象添加toString()方法.分享给大家供大家参考.具体分析如下: 下面的JS代码通过function定义了一个movie对象,在movie对象内定义了一个toString方法,toString方法通过外部函数实现. <script type="text/javascript"> function movieToString() { return("title: "+this.titl
-
JS瀑布流实现方法实例分析
本文实例分析了JS瀑布流实现方法.分享给大家供大家参考,具体如下: 描述: 1.每个图片宽度都一样,高度不一样 思路: 1.算出一共有几列(通过视窗总宽度/单个图片宽度得出) 2.根据一共几列*单个图片宽度,设置外围总宽度并水平居中(注:这个宽度应该是计算出来的,而不是定死,因为窗口大小会改变) 3.将第一行图片高度按顺序填充进数组 4.算出第一行图片里高度最短的那个,将第二行的第一张图片添加到其后(绝对定位),添加完第二行第一张,更新他的高度,然后重新计算最短,再开始之前的过程 5.鼠标在滑动
-
jQuery unbind()方法实例详解
本文实例讲述了jQuery unbind()方法使用方法.分享给大家供大家参考,具体如下: jQuery 中的 unbind() 方法是 bind() 方法的反向操作,从每一个匹配的元素中删除绑定的事件. 语法结构: 复制代码 代码如下: unbind([type][, data]); type是事件类型,data为将要移除的事件.具体说明如下: 1.如果没有参数,则删除所有的绑定事件: 2.如果提供了事件类型(type)作为参数,则只删除该类型的绑定事件: 3.如果把在绑定时传递的处理函数作为
-
Jquery getJSON方法详细分析
准备工作·Customer类 复制代码 代码如下: public class Customer{ public int Unid { get; set; } public string CustomerName { get; set; } public string Memo { get; set; } public string Other { get; set; }} ·服务端处理(Json_1.ashx) 复制代码 代码如下: Customer customer =
随机推荐
- 编程人员阅读代码的一些小技巧分享
- jQuery Validate 数组 全部验证问题
- asp.net neatUpload 支持大文件上传组件
- Python爬虫爬验证码实现功能详解
- ASP.NET过滤HTML标签只保留换行与空格的方法
- Yii2隐藏frontend/web和backend/web的方法
- Python实现HTTP协议下的文件下载方法总结
- C++中COM组件初始化方法实例分析
- 如何在标题栏显示框架内页面的标题
- 详解nodejs中express搭建权限管理系统
- js 单引号 传递方法
- JS 判断某变量是否为某数组中的一个值的3种方法(总结)
- 基于OL2实现百度地图ABCD marker的效果
- 自己的js工具 Cookie 封装
- Java实现冒泡排序与双向冒泡排序算法的代码示例
- 举例讲解Java的JSON类库GSON的基本用法
- java 中枚举类enum的values()方法的详解
- 经验共享路由备份和负载均衡
- 解决vue组件中使用v-for出现告警问题及v for指令介绍
- 详解vue mixins和extends的巧妙用法