本文实例讲述了jQuery实现的形式转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 : js/jquery-2。0 .3 .js '/脚本标题无标题文档/title脚本类型=' application/JavaScript ' $。fn。serializeObject=function(){ var o={ }；var a=这个。SerializeArray()；$.每个(a，function() { if (o[this.name]) { if(！o[this.name].推){ o[这个。名称=[o[this。名称]]；} o[this.name].推(这个。value | | ' ')；} else { o[this。名称]=这个。值| | ' '；} });返回o；};函数onClik(){ //var data=$('#form1 ').SerializeArray()；//自动将形式表单封装成JSON//alert(JSON。stringify(数据))；var jsonuserinfo=$('#form1 ').serializeObject()；警报(JSON。stringify(jsonuserinfo))；}/script/head dyform id=' form 1 ' name=' form 1 '方法=' post ' action=' p进货人：标签为='name' /标签输入类型=' text ' name=' name ' id=' name '/p/p性别：标签为='sex '/标签选择名称='性'大小='1' id='sex '选项值='1 '男/option选项值='2 '女/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代码效果演示：

PS:关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：

在线JSON代码检验、检验、美化、格式化工具：http://tools.jb51.net/code/json

JSON在线格式化工具：http://工具。JB 51。net/code/jsonformat

在线XML/JSON互相转换工具：http://工具。JB 51。net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具：http://工具。JB 51。net/code/jsoncodeformat

在线json压缩/转义工具：http://工具。JB 51。net/code/JSON _ Yasuo _ trans

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery form操作技巧汇总》 、 《jQuery操作json数据技巧汇总》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery表格(table)操作技巧汇总》 及《jquery选择器用法总结》

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