form 转json
来源:互联网 发布:淘宝网云裳广场舞服装 编辑:程序博客网 时间:2024/05/17 17:38
<!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> [html] view plaincopy在CODE上查看代码片派生到我的代码片 <span style="font-size:32px;"><strong>代码效果演示:</strong></span>
原文地址:http://blog.csdn.net/zhangdaiscott/article/details/18456215
0 0
- form 转json
- form转json
- form转json方法
- form 转json示例
- form转json
- form 转json最佳示例
- form 转json最佳示例
- form 转json最佳示例
- form 转json最佳示例
- form 转json最佳示例
- form 转json最佳示例
- jquery form表单转json
- form表单转json字符串
- form 转json最佳示例
- json-form
- form表单在前台转json对象
- json form javascript
- Json转换Form
- 南邮 OJ 1960 计算机基础知识大赛 7
- hdu 1004 Let the balloon rise
- 使用Jsoup解析从网络上获取到的html源码
- Pascal's Triangle II
- 关于Openfire 启动失败 setFile()的问题
- form 转json
- oracle变量(2)
- HTML5中新增的Input类型有哪些
- 2015及2016计划
- 南邮 OJ 1961 计算机基础知识大赛 2 (new)
- Linux下QT编程之使用QVFB
- Spring @Autowired,@Resource,@Required注解的用法和作用
- 数据结构之树和二叉树---二叉树的遍历
- jQuery相关学习-Jquery的介绍和安装