serializeArray()与serialize()的区别

最新推荐文章于 2019-09-09 11:05:25 发布
最新推荐文章于 2019-09-09 11:05:25 发布
阅读量82 收藏
点赞数
原文链接：http://www.cnblogs.com/yaowen/p/5574855.html
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/javascript" src="jquery-1.8.3.min.js"></script>
<title>serializeArray()与serialize()</title>
<script type="text/javascript">
function onClik(){
    $("#results").html("serializeArray()与serialize()的区别如下：");
    
    var data1 = $("#form1").serializeArray(); //自动将form表单封装成json
    $("#results").append("<br/><b>serializeArray:</b>");
    $.each(data1, function(i, field){
        $("#results").append(field.name+":"+field.value+" ");
    });
    
    $("#results").append("<br/>");
    var data2 = $("#form1").serialize(); //自动将form表单封装成json
    $("#results").append("<b>serialize():</b>"+data2);
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <p>进货人 :
    <input type="text" name="name" id="name" />
  </p>
  <p>性别:
    <select name="sex" size="1" id="sex">
      <option value="男">男</option>
      <option value="女">女</option>
    </select>
  </p>
  <table width="708" border="1">
    <tr>
      <td width="185">商品名</td>
      <td width="205">商品数量</td>
      <td width="296">商品价格</td>
    </tr>
    <tr>
      <td>
        <input type="text" name="pro_name" id="pro_name" /></td>
      <td>
        <input type="text" name="pro_num" id="pro_num" /></td>
      <td>
        <input type="text" name="pro_price" id="pro_price" /></td>
    </tr>
    <tr>
      <td><input type="text" name="pro_name2" id="pro_name2" /></td>
      <td><input type="text" name="pro_num2" id="pro_num2" /></td>
      <td><input type="text" name="pro_price2" id="pro_price2" /></td>
    </tr>
  </table>
  <p id="results"></p>
  <input type="button" name="submit" οnclick="onClik();" value="提交"/>
</form>
</body>
</html>


<!-- 
serializeArray()与serialize()的区别如下：
serializeArray:name:111 sex:女 pro_name:1 pro_num:2 pro_price:3 pro_name2:11 pro_num2:22 pro_price2:33 
serialize():name=111&sex=%E5%A5%B3&pro_name=1&pro_num=2&pro_price=3&pro_name2=11&pro_num2=22&pro_price2=33 
-->

 

转载于:https://www.cnblogs.com/yaowen/p/5574855.html

weixin_30706507
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery中serializeArray()与serialize()的区别实例分析
10-23
主要介绍了jQuery中serializeArray()与serialize()的区别,结合实例形式分析了jQuery中serializeArray()与serialize()的具体功能、使用技巧与用法区别,需要的朋友可以参考下
serializeArray&serialize的区别
python_web全栈
02-10 2896
直接看图 第一个是serializeArray，第二个是serialize 总结： 前者是[{}]的形式，后者类似urlencode的形式 ps：他们两的作用，都是直接把input中的数据，打包送到后端，后端正常取值即可 $('#myForm').serializeArray() ...
serializeArray()和serialize()方法
qq_39595615的博客
09-06 1万+
serializeArray()序列化表单 1、serialize()方法 描述：序列化表单内容为字符串,用于Ajax请求。 格式：var data = $(form).serialize(); 2.serializeArray()方法 描述：序列化表单元素(类似’.serialize()’方法)返回JSON数据结构数据。 注意,此方法返回的是JSON对象而非JSON字符串。需要使用插...
serializeArray()与 serialize()
z69183787的专栏
11-01 1万+
.serializeArray() 编码一个form元素集合为一个“name属性值/value属性值”的数组。json结构，如： [ { name: a value: 1 }, { name: b value: 2 }, { name: c value: 3 }, { name: d value: 4
serializeArray()和serialize()方法的用法和区别。
qq_41942413的博客
09-09 1328
serializeArray()序列化表单 1、serialize()方法 描述：序列化表单内容为字符串,用于Ajax请求。 格式：var data = $(form).serialize(); 2.serializeArray()方法 描述：序列化表单元素(类似’.serialize()’方法)返回JSON数据结构数据。 注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第...
jQuery中的serialize()和serializeArray()区别
图图小淘气的博客
09-04 229
jQuery中的serialize()和serializeArray()区别
JQuery中serialize()、serializeArray()和param()方法示例介绍
10-25
serialize()方法也是作用于一个JQuery对象，它能够将DOM元素内容序列化为字符串，serializeArray()方法不是返回字符串，而是将DOM元素序列化后，返回JSON格式的数据
jQuery工具方法serialize()和serializeArray()
04-07
与`serialize()`不同，`serializeArray()`将表单数据转换为JavaScript数组，每个数组元素都是一个包含name和value的对象。这样的结构更适合进一步处理或添加自定义数据。继续上面的例子： ```javascript var ...
JQuery中serialize() 序列化
10-24
三、`serialize()`与`serializeArray()`及`$.param()`的关系 `serialize()`实际上是`serializeArray()`和`$.param()`的组合。`serializeArray()`方法将表单元素转换为JavaScript对象数组，每个元素都是一个具有`...
jQuery serialize()方法和serializeArray()方法的区别
u010115014的博客
05-23 828
&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;script src="../js/jquery-3.2.1.js"&gt;&
serializeArray与serialize区别及相互转换
weixin_33804582的博客
10-30 1699
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery序列化表单 将form表单转换成对象serializeArray()和转换成字符串serialize()
现在学习也不晚
10-16 3878
serialize()定义和用法serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。 您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 ps：最好的理解方式就是将form表单中的每一项都转换成get请求的字符串形式语法$(selector).serialize(
jQuery Ajax 实例 全解析
weixin_30432579的博客
09-16 126
jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [ca...
JQuery中serialize与serializeArray的区别
云原生之家
06-17 951
serialize方法是将一个表单当中的各个字段序列化成一个字符串，如：username=xxx&password=yyy serializeArray方法是将一个表单当中的各个字段序列化成一个数组，如： [ { name : username, value : 中国 }, { name : password, value : xxx }] 但这两个方法有一个很重要的区别
JQuery Ajax操作常用的API：serializeArray、serialize、param的区别和使用
aty
02-03 1909
使用JQuery进行ajax编码的时候，经常会使用到这3个API，本文学习下这3个API的使用方式。如下的HTML片段，如果我们将holder表单下的控件值提交到服务器。就需要用到serialize或者serializeArray了。 $("#holder").serialize()   输出结果是 a=1&b=2&c=3&f=8
Form表单使用Jquery serializeArray()与serialize()的区别
chenghuanhua7786的博客
06-03 157
serialize()序列化表单元素为字符串，用于 Ajax 请求。 serializeArray()序列化表单元素为JSON数据。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g...
jquery serializeArray()、serialize()增加数据
热门推荐
卡夫卡
10-31 2万+
serialize()、serializeArray()方法都是jquery用户序列化表单的，用于ajax提交的data值的序列化 但是它们的返回的结果有本质上的区别 在chrome的控制台我们很清楚的看到了serializeArray()返回的是json数组，数组的每个对象都是有json字符串构成，我们可以看到，每个json字符串包括两个键值对，每个键值对都是有name,value组
js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么
weixin_34348174的博客
07-20 136
js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么 一、总结 一句话总结：两者都是对表单进行序列化，serializeArray()返回的是json对象，serialize()返回的是json形式的字符串，使用起来都是一样的   1、$（selector).serialize()序列化的话对中文做了什么操作？ 为了避免出错，将中文变成了...
JQuery序列化表单值serializeToJson()、serialize()方法
最新发布
05-26
$(this.serializeArray()).each(function () { serializeObj[this.name] = this.value; }); return serializeObj; }; ``` 使用方式： ```javascript var formJson = $("#form").serializeToJson(); console....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值