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. STM32 的加密实现（转）

    源:STM32 的加密实现 基于STM32F103的ID号对应用程序的保护方法 目的:对运行于STM32的嵌入式代码程序进行加密 编译环境:IAR Embedded System for ARM5.5 ...

  2. android 6.0获取权限

    Android版本升到6.0后最坑的就是权限问题,以下是我参考大神一个权限管理工具类,希望对大家有用 PermissionUtils.java import android.Manifest; imp ...

  3. libconfig第二篇----两个小例子

    本文只看粗体即可,太多catch语句.两个例子均来自libconfig包的example文件夹下面,. 例子一: #include <iostream> #include <ioma ...

  4. Android实时监听网络状态

    Android实时监听网络状态(1)   其实手机在网络方面的的监听也比较重要,有时候我们必须实时监控这个程序的实时网络状态,android在网络断开与连接的时候都会发出广播,我们通过接收系统的广播就 ...

  5. iOS开发——WAVE音频文件解析

    WAV文件也分了好几类,相应的非数据信息存储在文件的头部,下面简单的提一下,然后在最后重点介绍44字节的那种,一般用的都是这个. 1.8KHz采样.16比特量化的线性PCM语音信号的WAVE文件头格式 ...

  6. iOS开发——NSDate（待续...）

    1.获取当前系统时间,毫秒级 - (void)viewDidLoad { [super viewDidLoad]; NSString *currentTime = [self getCurrentTi ...

  7. S3C2440的RTC解析

    位二-十进制交换码(BCD)值数据给CPU.这些数据包括年.月.日.星期.时.分和秒的时间信息.RTC单元工作在外部32.768kHz晶振并且可以执行闹钟功能 实时时钟模块保存的数据是DCD码形式. ...

  8. stm32驱动DS1302芯片

    天时可以自动调整,且具有闰年补偿功能.工作电压宽达2.5-5.5V.采用双电源供电(主电源和备用电源),可设置备用电源充电方式,提供了对后背电源进行涓细电流充电的能力.DS1302的外部引脚分配如下图 ...

  9. 【转】分享一份C语言写的简历

    个人观点:文章想法很棒,作者的编码风格也很赞,可以从中学到不少东西.转载的文章是我都用心看过的,而且希望后续再可以回过头看的文章,努力让自己的能力越来越强,加油 这里黑客新闻吗?作者用代码更新了自己的 ...

  10. IOS开发－UI学习－UIWebView，简单浏览器的制作

    制作一个简单的浏览器,包含网址输入框,Search按钮,前进.回退按钮,UIWebView就这几个简单的控件. UITextField:用来输入网址: UIbuttom:实现前进,后退,搜索等功能: ...