serializeArray()序列化表单

1、serialize()方法

描述:序列化表单内容为字符串,用于Ajax请求。

 格式:var data = $(form).serialize();

2.serializeArray()方法

描述:序列化表单元素(类似’.serialize()’方法)返回JSON数据结构数据。

注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。

格式:var jsonData = $(form).serializeArray();

在使用ajax提交表单数据时,以上两种方法都可以将data参数设置为(form).serialize()或(form).serializeArray()。

1.serialize()方法

 格式:var data = $(“form”).serialize();

功能:将表单内容序列化成一个字符串。

这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $(“form”).serialize() 即可。

2.serializeArray()方法

格式:var jsonData = $(“form”).serializeArray();

功能:将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。

比如,[{“name”:”lihui”, “age”:”20”},{…}] 获取数据为 jsonData[0].name

 function submit(){//var data=$('#fm').serialize();         //输出 name=wang&sex=1&age=25var data=$('#fm').serializeArray();   //序列化表单     //[Object, Object, Object]var postdata={};  //空数组$(data).each(function(i){    postdata[this.name]=this.value      //});$.ajax({url:"__ROOT__/index.php/index/login",data:postdata,dataType:'json',type:"post",error:function (){},success:function (res){//回调函数,alert(res);//输出后台传过来的值}})
}

serializeArray()和serialize()方法的用法和区别。相关推荐

  1. jQuery 的 serializeArray()、serialize() 方法

    serializeArray()方法说明: 实例 输出以数组形式序列化表单值的结果: $("button").click(function(){x=$("form&quo ...

  2. serializeArray()和serialize()方法

    serializeArray()序列化表单 1.serialize()方法 描述:序列化表单内容为字符串,用于Ajax请求. 格式:var data = $(form).serialize(); 2. ...

  3. java中的doget_java servlet中doGet()和doPost()方法的用法和区别

    一般来说我们是用不到doGet方法的,doGet方法提交表单的时候会在url后边显示提交的内容,所以不安全.而且doGet方法只能提交256个字符(1024字节),而doPost没有限制,因为get方 ...

  4. js中splice和slice方法的用法和区别

    1. splice 定义 splice方法向数组中添加项目或删除项目,并返回删除的项目 splice方法会改变原始数组. 语法 array.splice(index, howmany, item1,. ...

  5. JQuery中serialize()、serializeArray()和param()方法

    2019独角兽企业重金招聘Python工程师标准>>> 与JQuery中其他方法一样,serialize()方法也是作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串, ...

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

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

  7. python 捕捉 ctrl+c 异常方法, os._exit() 和 sys.exit() 的用法和区别

    这里写自定义目录标题 python 捕捉 ctrl+c 异常方法 第一种方法 第二种方法使用 signal 模块 python 中 os._exit() 和 sys.exit() 的用法和区别 概述 ...

  8. queue方法中add,offer,remove,poll,element,peek的用法和区别

    queue方法中add,offer,remove,poll,element,peek的用法和区别 1.add()和offer()两者都是往队列尾部插入元素. 不同是,当超出队列界限(容量)的时候,ad ...

  9. python 类变量、实例变量、参数、实例方法、类方法、静态方法 的用法和区别

    #!/usr/bin/env python # -*- encoding: utf-8 -*- """ @Introduce : 类变量.实例变量.参数.实例方法.类方法 ...

最新文章

  1. windows powershell
  2. 大学计算机实验教程实验报告2.2,大学计算机实验2-实验报告.pdf
  3. 3次握手中的最后一个ACK服务端收到了吗
  4. Delphi编译指令说明
  5. python odoo_odoo开发学习 -- Python2 or Python3 ?
  6. [Vue warn]: Invalid prop: custom validator check failed for prop xxx.问题
  7. a good website to test OTP
  8. linux挂载磁盘组,11G ASM磁盘组不能自动MOUNT处理
  9. Dropout与过拟合抑制
  10. c语言实验作业,C语言实验报告experience_c语言实验报告结果分析
  11. Nginx--网页压缩与图片压缩
  12. phpstorm 配置自动编译 less
  13. 第五十七篇 Django-CRM系统-1登录,注册,修改密码
  14. 这几年阅读的一些非技术类好书推荐
  15. 各类文件的文件头标志[转]
  16. 一本通1034:计算三角形面积
  17. ios6.0 siri语音识别
  18. 为什么我从Flutter转投Electron的怀抱?
  19. VisionPro之脚本
  20. TensorFlow实现word2vec 详细代码解释

热门文章

  1. 会员管理模块 - 会员登录功能(简单版本)
  2. 总结两个平常打代码犯的“低级”错误
  3. 大厂面试--人活着就是在两种痛苦中煎熬
  4. 如何在mac中使用jad命令
  5. 笔记本的功能键失效问题
  6. 晒晒名企大公司的工资收入
  7. CSS hover如何作用在伪元素before上
  8. HIVE User Guide 总结之四HIVE 的MAP/REDUCE、注意点
  9. SQL*Plus 系统变量之24 - HEA[DING]
  10. Android设备网络数据流量统计