本文实例讲述了jquery实现的form转json功能。分享给大家供大家参考，具体如下：
<!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="js/jquery-2.0.3.js"></script> <title>无标题文档</title> <script type="application/javascript"> $.fn.serializeobject = function() { var o = {}; var a = this.serializearray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; }; function onclik(){ //var data = $("#form1").serializearray(); //自动将form表单封装成json //alert(json.stringify(data)); var jsonuserinfo = $('#form1').serializeobject(); alert(json.stringify(jsonuserinfo)); } </script> </head> <body> <form id="form1" name="form1" method="post" action=""> <p>进货人 : <label for="name"></label> <input type="text" name="name" id="name" /> </p> <p>性别: <label for="sex"></label> <select name="sex" size="1" id="sex"> <option value="1">男</option> <option value="2">女</option> </select> </p> <table width="708" border="1"> <tr> <td width="185">商品名</td> <td width="205">商品数量</td> <td width="296">商品价格</td> </tr> <tr> <td><label for="pro_name"></label> <input type="text" name="pro_name" id="pro_name" /></td> <td><label for="pro_num"></label> <input type="text" name="pro_num" id="pro_num" /></td> <td><label for="pro_price"></label> <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> </p> <input type="button" name="submit" onclick="onclik();" value="提交"/> </form> </body> </html>
代码效果演示：
相关推荐：
字符串转json的注意事项
js 转json格式的字符串为对象或数组(前后台)的方法
php数组转json显示中文的一句代码，求解释
以上就是示例讲解jquery实现的form转json的详细内容。