jQuery实现形式表单元素序列化为json对象的方法

本文实例讲述了jQuery实现形式表单元素序列化为json对象的方法。分享给大家供大家参考，具体如下：

这段代码序列化形式表单元素为json对象：

！doctype html html xmlns=http://www。w3。org/1999/XHTML标题jquery扩展——表单序列化到json对象/title meta http-equiv=Content-Type Content=' text/html；charset=utf-8 '脚本类型=' text/JAVAScript ' src=' http : jquery-1。10 .2 .js '/script/head dyp id=' results ' results 3360/pform select name=' amo del。single ' options single/option selected single 2/option/select br/select name=' amo del。multiple ' multiple=' multiple ' option selected=' multiple ' option=selected ' multiple 3/option/SerializeArray()；var o={ }；jquery。每个(字段，函数(I，字段){ if(o[this。姓名]){/*表单中可能有多个相同标签，比如有多个标签，那么你在json对象o中插入第一个标签后，还要继续插入，那么这时候o[标签]在o中就已经存在，所以你要把o[标签]做嵌套数组处理*///如果o[标签]不是嵌套在数组中if(！o[this.name].推){ o[这个。名称=[o[this。名称]]；//将o[标签]初始为嵌套数组，如o={a，[a，b，c]} } o[this.name].推(这个。value | | ' ')；//将值插入o[label]} else { o[this。名称]=这个。值| | ' '；//第一次在o中插入o[标签]} });$(“# results”).追加(JSON。stringify(o))；控制台。日志(o)；//用萤火虫输出/脚本/正文/html结果如下图所示：

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