serialize()序列表表格内容为字符串,用于 Ajax 请求。

serializeArray()序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。

.serializeArray()

编码一个form元素集合为一个“name属性值/value属性值”的数组。json结构,如:

[  {    name: a    value: 1  },  {    name: b    value: 2  },  {    name: c    value: 3  },  {    name: d    value: 4  },  {    name: e    value: 5  }].serialize()

编码一个form元素集合为有充的字符串。字符串为标准的url编码。如:

a=1&b=2&c=3&d=4&e=5<form>    <!-- 能够被json数组、url字符串据提取数据类型 --> <input type="text" name="a" value="1" id="a" /> <input type="text" name="b" value="2" id="b" /> <input type="hidden" name="c" value="3" id="c" /> <textarea name="d" rows="8" cols="40">4</textarea> <select name="e">            <option value="5" selected="selected">5</option>            <option value="6">6</option>            <option value="7">7</option>   </select>     <input type="checkbox" name="f" value="8" id="f1" checked="checked" />        <input type="checkbox" name="f" value="9" id="f2" />        <input type="radio" name="g" value="10" id="g1"/> <input type="radio" name="g" value="11" checked="checked" id="g2"/>        <input type="password" name="h" maxlength="8" value="h" />    <!-- 不能够被json、url字符串据提取数据类型 -->           <input type="submit" name="i" value="Submit" id="i" />        <input type="button" name="j" value="Click me" οnclick="msg()" />        <input type="file" name="k" /><br />        <input type="reset" value="Reset"  name="l" />        <input type="image" src="/i/eg_submit.jpg" alt="Submit" /></form><p><tt id="results"></tt></p><script>    function showValues() {      var fields = $(":input").serializeArray();      $("#results").empty();      jQuery.each(fields, function(i, field){        $("#results").append(field.value + " ");      });    }    $(":checkbox, :radio").click(showValues);    $("select").change(showValues);    showValues();</script><script>    function showValues() {      var str = $("form").serialize();      $("#results").text(str);    }    $(":checkbox, :radio").click(showValues);    $("select").change(showValues);    showValues();</script>

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

serializeArray 与 serialize相关推荐

  1. js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么

    js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么 一.总结 一句话总结:两者都是对表单进行序列化,serializeArray()返回的是json ...

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

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

  3. serializeArray()与 serialize()

    serialize()序列表表格内容为字符串,用于 Ajax 请求. serializeArray()序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据. .s ...

  4. $('form').serialize()中serializeArray()与serialize()的区别

    serialize()序列化表单元素为字符串. serializeArray()序列化表单元素为JSON数据. 前端代码 <!DOCTYPE html> <html> < ...

  5. jquery中serializeArray()与serialize()

    示例表单: <form id="form">用户名:<input type="text" name="username"& ...

  6. serializeArray()和serialize()方法的用法和区别。

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

  7. serializeArray()和serialize()方法

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

  8. jQuery表单序列化方法serialize(),serializeArray()

      我们使用ajax给后台传递数据的时候,经常要获取表单的数据.表单数据不多还好说,但是如果表单字段非常多,那么无疑是非常头疼的事.如何获取大量的表单数据,是非常重要的事情. 表单页面 <for ...

  9. Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    详细解读Jquery各Ajax函数: $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址, ...

最新文章

  1. 自考计算机软件基础交作业,全国2009年7月自考计算机软件基础(二)试题及答案...
  2. Java-Scanner键盘输入
  3. kickstart安装
  4. 无心插柳,再次浅谈.net资源的回收
  5. 如何高效地学习机器学习算法?
  6. 2021年全国研究生数学建模指导
  7. 树莓派 Raspberry-Pi 折腾系列:系统安装及一些必要的配置
  8. 推荐参加国际会议海报制作(poster)的Latex模板
  9. 红外热成像仪原理及应用
  10. NVIDIA助力风暴英雄黄金世俱杯Ballistix强势夺冠
  11. 【STC单片机学习】第九课:单片机按键使用
  12. Python编程快速上手——让繁琐工作自动化第8章8.9.2:疯狂填词
  13. c语言 程序段 数据段,C语言程序的段
  14. flink 流批一体
  15. 大数据毕设/课设 - 数据大屏监控可视化设计与实现
  16. 第九篇《颅骨穿孔——后篇》
  17. 微型计算机普遍使用的编码是什么,微型计算机中普遍使用的字符编码是什么吗...
  18. 白话自然语言处理(1)之概述
  19. WPS:找文件的历史版本
  20. 大数据Hive篇_埋点、日志数据清洗(string类型)

热门文章

  1. css3仿QQ网页播放器及分享功能实现
  2. 关系数据模型(一)——关系模型
  3. 警惕身边的视力杀手!教你调出液晶显示器健康亮度
  4. 福尔摩斯读后感(1)
  5. 【原创】用Matplotlib绘制的图表,真的是太惊艳了!!
  6. 再见matplotlib,可视化神器 Plotly 绘制图表的太酷炫了
  7. Unity 工具类 之 UnityWebRequest 常用功能封装
  8. marquee:已经被逐步舍弃掉的强大的模拟滚动的标签
  9. centos计划任务执行PHP命令详解
  10. SQLMap中文参数用户手册