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. Android Quick Tip - ADB over WiFi

    http://stuffandtech.blogspot.jp/2012/03/android-quick-tip-adb-over-wifi.html   MAR 26 Android Quick ...

  2. Tasks and Back stack 详解

    原文地址:http://developer.android.com/guide/components/tasks-and-back-stack.html 一个应用往往包含很多activities．每个 ...

  3. C程序编译执行过程

    C程序编译执行过程   认识C编译执行过程,是C学习的开端. 简单说C语言从编码编译到执行要经历一下过程:   C源代码 编译---->形成目标代码,目标代码是在目标机器上运行的代码. 连接-- ...

  4. Lua学习系列（二）

    资源整理: 风云老师博客: http://blog.codingnow.com/eo/luaoeeeaeau/ 知乎: https://www.zhihu.com/question/20736660 ...

  5. ZOJ 3930 Dice Notation

    简单模拟题.一个int写成了char,搞了4个多小时.真垃圾.. #include<stdio.h> #include<string.h> +],s[+]; +]; +]; i ...

  6. HTML学习（七）表格

    表格表格由 <table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义).字母 td 指表格数据(ta ...

  7. 用OpenSSL生成自签名证书在IIS上搭建Https站点（用于iOS的https访问）

    前提: 先安装openssl,安装有两种方式,第一种直接下载安装包,装上就可运行:第二种可以自己下载源码,自己编译.这里推荐第一种. 安装包:http://slproweb.com/products/ ...

  8. UIAlertView使用全解

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

  9. 【转】VS2013动态库文件的创建及其使用详解

    一.VS2013动态库文件的创建 1.新建项目,win32,win32项目,输入项目名称,例如MakeDll. 2.”确定“——”下一步“,选择”DLL“选项,再点”完成“: 3.菜单栏选择”项目“— ...

  10. 查找 SqlServer死锁

    use master if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[sp_who_lock]') ) dr ...