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. 轻量级sqlite是增删改查

    --创建数据库 create database ios --使用数据库 use ios --创建数据表 create table student ( stuid int primary key aut ...

  2. [iOS Animation]-CALayer 专用图层

    专用图层 复杂的组织都是专门化的 Catharine R. Stimpson 到目前为止,我们已经探讨过CALayer类了,同时我们也了解到了一些非常有用的绘图和动画功能.但是Core Animati ...

  3. mysql基础-- 一条请求执行多条SQL语句

    最近做一个数据库初始化工具的时候发现了这个问题,就是在一个Statement中执行一条SQL语句的时候可以正确执行,如果同时执行多条,就会报SQL语法错误,伤透了脑筋. 经过网上查找,发现有两种解决办 ...

  4. android gridview画分割线

    dongyangzhang android gridview画分割线,如图: 1.先上图: 2.具体实现代码: public class LineGridView extends GridView { ...

  5. app间互相启动及传参数

    http://blog.sina.com.cn/s/blog_13bc6705b0102wmc5.html http://blog.csdn.net/iefreer/article/details/8 ...

  6. 【iScroll源码学习01】准备阶段 - 叶小钗

    [iScroll源码学习01]准备阶段 - 叶小钗 时间 2013-12-29 18:41:00 博客园-原创精华区 原文  http://www.cnblogs.com/yexiaochai/p/3 ...

  7. MySQL常用命令总结3

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

  8. 解决KVM中鼠标不同步问题

    VNCViewer中的鼠标走得总是比本地系统中的鼠标要慢,不同步,往往实体机中的鼠标都移出vnc窗口外边了,虚拟机中的鼠标指针还没移到需要点击的位置,操作起来很不方便. 起初的想法也是配置的问题,就按 ...

  9. UIAlertView使用全解

    举例: UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"Default Alert View"messa ...

  10. u-boot源码下载

    1. 使用git下载u-boot源码  1.1 clone u-boot源码仓库 可以使用git.HTTP.和 rsync协议来下载u-boot源码.你可以使用如下方法来克隆源码树: $ git cl ...