1、serialize()把表单的值序列化成字符串

 <html>
 <head>
     <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 </head>
 <body>
 <p id="results"><b>Results: </b> </p>
 <form>
     <select name="single-name">
         <!--这一段序列化为字符串的结果是：name=text 在这里，默认选中的是Single1——> single-name=Single1-->
         <option>Single1</option>
         <option>Single2</option>
     </select>
     <select name="multiple-name" multiple="multiple">
         <!--这一段序列化为字符串的结果是：name=text 在这里——> multiple-name=Multiple1&multiple-name=Multiple3-->
         <option selected="selected">Multiple1</option>
         <option>Multiple2</option>
         <option selected="selected">Multiple3</option>
     </select><br/>
     <input type="checkbox" name="check-name" value="check1" checked="checked"/> check1111
     <!--这一段序列化为字符串的结果是：name=value——>check-name=check1-->
     <input type="checkbox" name="check-name" value="check2" checked="checked"/> check2222
     <!--这一段序列化为字符串的结果是：name=value——>chec-namek=check2-->
     <input type="radio" name="radio-name" value="radio1" checked="checked"/> radio1111
     <!--这两段只能同时选中一个，序列化为字符串的结果是：name=value——>radio-name=radio1-->
     <input type="radio" name="radio-name" value="radio2" checked="checked"/> radio2222
 </form>
 <script>
     $("#results").append( "<tt>" + $("form").serialize() + "</tt>" );
 </script>
 </body>
 </html>
最终序列化成字符串的结果是：single-name=Single1&multiple-name=Multiple1&multiple-name=Multiple3&check-name=check1&check-name=check2&radio-name=radio2

2、serializeArray()把表单的值序列化成JSON对象，是对象哦
 <html>
 <head>
     <meta charset="utf-8">
     <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 </head>
 <body>
 <p id="results"><b>Results: </b> </p>

 <form>
     <select name="single">
         <option>Single</option>
         <option>Single2</option>
     </select>
     <select name="multiple" multiple="multiple">
         <option selected="selected">Multiple</option>
         <option>Multiple2</option>
         <option selected="selected">Multiple3</option>
     </select><br/>
     <input type="checkbox" name="check" value="check1"/> check1
     <input type="checkbox" name="check" value="check2" checked="checked"/> check2
     <input type="radio" name="radio" value="radio1" checked="checked"/> radio1
     <input type="radio" name="radio" value="radio2"/> radio2
 </form>
 <script>
 var fields = $("select, :radio").serializeArray();
 jQuery.each( fields, function(i, field){
     alert(JSON.stringify(field));
     $("#results").append(field.value +" ");
 });
 </script>
 </body>
 </html>

[JQuery]serialize()和serializeArray()的更多相关文章

  1. jquery serialize()、serializearray()已经$.param方法

    serialize: 序列表表格内容为字符串,用于 Ajax 请求.可以对整个form,也可以只针对某部分. HTML 代码: <p id="results">< ...

  2. JQuery中serialize()、serializeArray()和param()方法示例介绍

    在项目中做form表单提交的时候,如果参数比较少,可以通过jquery一个个取得,但是当 form表参数很多的情况下,还是一一取得的话无疑是加大了工作量,那我们需要咱们获取到表单的所有参数呢,幸好,j ...

  3. JQuery序列化表单serialize() 以及 serializeArray()

    都是利用form表单传递数据的 1.serialize()方法 描述:序列化表单内容为字符串,用于Ajax请求. 数据类似于这种: FirstName=Bill&LastName=Gates  ...

  4. jquery serialize()方法的扩展

    Jquery提供的序列化表单方法serialize方法确实方便,但是我在使用的时候发现了一个弊端:当我使用type:“post”进行ajax请求的时候, 这个时候参数data:$("#myf ...

  5. serialize()与serializeArray()

    1.了解serialize()与serializeArray() serialize()序列化表单元素,用于ajax请求, serializeArray()序列化表单元素,类似于serialize,但 ...

  6. （转）jquery serialize表单序列化，当radio或checkbox 未选中时，没有序列化到对象中的原因分析和解决方案 - ghostsf

    相信很多人都用过jq的表单序列化serialize()方法,因为这能很方便地帮你把表单里所有的非禁用输入控件序列化为 key/value 对象,不需要你再去一个个地拼接参数了. 这是一个很好用的函数, ...

  7. @RequestBody与serialize()、serializeArray()、拼接Json 妙用总结

    @requestBody注解常用来处理content-type不是默认的application/x-www-form-urlcoded编码的内容, 比如说:application/json或者是app ...

  8. 重写jQuery serialize方法，使文本框在没有输入的情况下，使用其支持默认值

    未压缩版 jQuery.fn.extend({ serialize:function() { return jQuery.param(this.serializeArray()); }, serial ...

  9. jquery.serialize

    jQuery - serialize() 方法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. serialize()函数用于序列化一组表单元素,将表单内容编码为用于提交 ...

随机推荐

  1. PHP 反射应用之一（插件框架）

    http://www.zui88.com/blog/view-205.html 反射,非常有用的一套东西,用来在运行时,分析代码,分析类的属性,方法,参数,实例化类,调用类的方法等等,从而实现框架,实 ...

  2. 编码器芯片MLX90363的使用

    文档资料 MLX90363 Datasheet MLX90363 Application Note 使用 对于编码器来说,Rotary Application模式 SPI驱动中,CS必须在8个字节都发 ...

  3. (简单) POJ 1860 Currency Exchange，SPFA判圈。

    Description Several currency exchange points are working in our city. Let us suppose that each point ...

  4. MySQL常用命令总结3

    id SMALLINT UNSIGNED [AUTO_INCREMENT] PRIMARY KEY, //把id定义为主键且自动排号,每张数据表只有一个主键,不能为NULL,确保记录唯一性 //省略a ...

  5. ServerSocketChannel

    Java NIO 中的 ServerSocketChannel 是一个可以监听新进来的 TCP 连接的通道, 就像标准 IO 中的 ServerSocket 一样.ServerSocketChanne ...

  6. 制作毛玻璃效果 分类： ios技术 2015-07-14 09:03 240人阅读 评论(0) 收藏

    //添加一个图片     UIImageView *imageview = [[UIImageView alloc]init];     imageview.frame = CGRectMake(10 ...

  7. iOS 发布流程 分类： ios相关 app相关 2015-05-22 14:50 186人阅读 评论(0) 收藏

    1.登陆苹果开发者中心http://developer.apple.com(99美元账号) 2.进入itunes connect 3.选择Manage Your Apps 4.选择Add New Ap ...

  8. yum groupinstall "Development Tools" 批量安装软件

    注:可以通过 yum grouplist 来查看可能批量安装哪些列表 从Windows转到Linux下面,一个不习惯的地方就是在图形界面下安装和删除软件的时候非常缓慢.但是如果你掌握了用yum的命令行 ...

  9. 【转】国外程序员整理的Java资源大全

    Java几乎是许多程序员们的入门语言,并且也是世界上非常流行的编程语言.国外程序员Andreas Kull在其Github上整理了非常优秀的Java开发资源,推荐给大家.译文由ImportNew- 唐 ...

  10. Unity3D ——强大的跨平台3D游戏开发工具（五）

    第九章 图形用户界面类G.U.I 您在玩很多3D游戏的时候,不知是否注意到在游戏界面中,总有一些图形和文字信息是不随着3D视角的改变而改变的.这也是由于游戏本身的要求而决定的.比如说英雄的生命值,聊天 ...