serializeArray()与 serialize()

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

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

.serializeArray()

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

[{name: avalue: 1},{name: bvalue: 2},{name: cvalue: 3},{name: dvalue: 4},{name: evalue: 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>

serializeArray()与 serialize()相关推荐

js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么
js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么一.总结一句话总结:两者都是对表单进行序列化,serializeArray()返回的是json ...
jQuery 的 serializeArray()、serialize() 方法
serializeArray()方法说明: 实例输出以数组形式序列化表单值的结果: $("button").click(function(){x=$("form&quo ...
$('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. ...
serializeArray 与 serialize
serialize()序列表表格内容为字符串,用于 Ajax 请求. serializeArray()序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据. .s ...
jQuery表单序列化方法serialize(),serializeArray()
我们使用ajax给后台传递数据的时候,经常要获取表单的数据.表单数据不多还好说,但是如果表单字段非常多,那么无疑是非常头疼的事.如何获取大量的表单数据,是非常重要的事情. 表单页面 <for ...
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
详细解读Jquery各Ajax函数: $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址, ...

serializeArray()与 serialize()

serializeArray()与 serialize()相关推荐

最新文章

热门文章