serializeArray 与 serialize
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相关推荐
- js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么
js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么 一.总结 一句话总结:两者都是对表单进行序列化,serializeArray()返回的是json ...
- jQuery 的 serializeArray()、serialize() 方法
serializeArray()方法说明: 实例 输出以数组形式序列化表单值的结果: $("button").click(function(){x=$("form&quo ...
- serializeArray()与 serialize()
serialize()序列表表格内容为字符串,用于 Ajax 请求. serializeArray()序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据. .s ...
- $('form').serialize()中serializeArray()与serialize()的区别
serialize()序列化表单元素为字符串. serializeArray()序列化表单元素为JSON数据. 前端代码 <!DOCTYPE html> <html> < ...
- jquery中serializeArray()与serialize()
示例表单: <form id="form">用户名:<input type="text" name="username"& ...
- serializeArray()和serialize()方法的用法和区别。
serializeArray()序列化表单 1.serialize()方法 描述:序列化表单内容为字符串,用于Ajax请求. 格式:var data = $(form).serialize(); 2. ...
- serializeArray()和serialize()方法
serializeArray()序列化表单 1.serialize()方法 描述:序列化表单内容为字符串,用于Ajax请求. 格式:var data = $(form).serialize(); 2. ...
- jQuery表单序列化方法serialize(),serializeArray()
我们使用ajax给后台传递数据的时候,经常要获取表单的数据.表单数据不多还好说,但是如果表单字段非常多,那么无疑是非常头疼的事.如何获取大量的表单数据,是非常重要的事情. 表单页面 <for ...
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
详细解读Jquery各Ajax函数: $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址, ...
最新文章
- 自考计算机软件基础交作业,全国2009年7月自考计算机软件基础(二)试题及答案...
- Java-Scanner键盘输入
- kickstart安装
- 无心插柳,再次浅谈.net资源的回收
- 如何高效地学习机器学习算法?
- 2021年全国研究生数学建模指导
- 树莓派 Raspberry-Pi 折腾系列:系统安装及一些必要的配置
- 推荐参加国际会议海报制作(poster)的Latex模板
- 红外热成像仪原理及应用
- NVIDIA助力风暴英雄黄金世俱杯Ballistix强势夺冠
- 【STC单片机学习】第九课:单片机按键使用
- Python编程快速上手——让繁琐工作自动化第8章8.9.2:疯狂填词
- c语言 程序段 数据段,C语言程序的段
- flink 流批一体
- 大数据毕设/课设 - 数据大屏监控可视化设计与实现
- 第九篇《颅骨穿孔——后篇》
- 微型计算机普遍使用的编码是什么,微型计算机中普遍使用的字符编码是什么吗...
- 白话自然语言处理(1)之概述
- WPS:找文件的历史版本
- 大数据Hive篇_埋点、日志数据清洗(string类型)