这篇文章主要介绍了jQuery中serializeArray()与序列化()的区别，结合实例形式分析了jQuery中serializeArray()与序列化()的具体功能、使用技巧与用法区别，需要的朋友可以参考下

本文实例讲述了jQuery中serializeArray()与序列化()的区别。分享给大家供大家参考，具体如下：

序列化()序列化表单元素为字符串，用于埃阿斯请求。

serializeArray()序列化表单元素为JSON数据。

具体实例如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN '

http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-过渡。' DTD '

html xmlns=' http://。w3。' org/1999/XHTML '

头

meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /

脚本类型='应用程序/JavaScript ' src=' jquery-1。10 .2 .js '/脚本

titleserializeArray()与序列化()/标题

脚本类型='文本/javascript '

函数onClik(){

$('#results ').html('serializeArray()与序列化()的区别如下：');

var data1=$('#form1 ').序列化数组()；//自动将形式表单封装成json

$('#results ').append(' br/b序列化数组：/b ')；

$.每个（数据1,函数(我，字段){

$('#results ').追加(字段。名称':'字段。值“”)；

});

$('#results ').追加(' br/')；

var data2=$('#form1 ').serialize()；//自动将形式表单封装成json

$('#results ').append(' b serialize():/b ' data 2)；

}

/脚本

/头

身体

form id=' form 1 ' name=' form 1 ' method=' post ' action=' '

p进货人：

='名称'/标签的标签

输入类型='text' name='name' id='name' /

/p

p性别：

标签为='性别'/标签

select name=' sex ' size=' 1 ' id=' sex '

选项值='男'男/选项

选项值='女'女/选项

/选择

/p

表格宽度='708 '边框='1 '

tr

（美）财政部（Treasury Department）宽度='185 '商品名/td

（美）财政部（Treasury Department）宽度='205 '商品数量/td

（美）财政部（Treasury Department）宽度='296 '商品价格/td

/tr

tr

tdlabel for='pro_name'/label

输入类型=' text ' name=' pro _ name ' id=' pro _ name '//TD

tdlabel for='pro_num'/label

输入类型=' text ' name=' pro _ num ' id=' pro _ num '//TD

tdlabel for='pro_price'/label

输入类型=' text ' name=' pro _ price ' id=' pro _ price '//TD

/tr

tr

TD输入类型=' text ' name=' pro _ name 2 ' id=' pro _ name 2 '//TD

TD输入类型=' text ' name=' pro _ num 2 ' id=' pro _ num 2 '//TD

TD输入类型=' text ' name=' pro _ price 2 ' id=' pro _ price 2 '//TD

/tr

/表格

p id='结果/p

clik()上的input type=' button ' name=' submit ' onclick='值='提交'/

/表单

/body

/html

结果如下：

备注文件、图像、按钮、提交、重置都不会被序列化

希望本文所述对大家jQuery程序设计有所帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。