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-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 /脚本类型=' application/JAVAScript ' src=' http : jquery-1。10 .2 .js '/脚本标题serialisearray()与serialize()/title脚本类型=' text/JavaScript '函数OnClik(){ $(' # results ').html('serializeArray()与序列化()的区别如下：');var data1=$('#form1 ').SerializeArray()；//自动将形式表单封装成JSON $(“# results”).追加(' br/SerializeArray : ')；$.每个(数据1，函数(我，字段){ $('#results ').追加(字段。名称' : '字段。值' ')；});$(“# results”).追加('(br/')；var data2=$('#form1 ').serialize()；//自动将形式表单封装成JSON $(“# results”).追加(“serialize()”:“data 2)；}/script/head dyform id=' form 1 ' name=' form 1 '方法=' post ' action=' p进货人：标签为='name' /标签输入类型=' text ' name=' name ' id=' name '/p/p性别：标签为='sex '/标签选择名称='性'大小='1' id='sex '选项值='男'男/option选项值='女'女/option /select /p表格宽度='708 '边框='1' tr td宽度='185 '商品名TD TD TD宽度='205 '商品数量TD/TD宽度='296 '商品价格/TD/tr tdlabel for=' pro _ name '/标签输入类型=' text ' name=' pro _ name ' id=' pro _ name '/TD tdlabel for=' pro _ num '/标签输入类型=' text ' name=' pro _ num ' id=' pro _ num '/TD TD label for=' pro _ price '/标签输入类型=' text ' name=' pro _ price ' id=' pro _ price '/TD/tr tdinput type=' text ' name=' pro _ name 2 ' id=' pro '值='提交//表单/正文/html结果如下：

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

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