JSON.stringify的使用

前端之家收集整理的这篇文章主要介绍了JSON.stringify的使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <script type="application/javascript" src="js/jquery-2.2.2.min.js"></script>
  6. <title>标题文档</title>
  7. <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>
  8. </head>
  9.  
  10.  
  11. <body>
  12. <form id="form1" name="form1" method="post" action="">
  13. <p>进货人 :
  14. <label for="name"></label>
  15. <input type="text" name="name" id="name" />
  16. </p>
  17. <p>性别:
  18. <label for="sex"></label>
  19. <select name="sex" size="1" id="sex">
  20. <option value="1"></option>
  21. <option value="2"></option>
  22. </select>
  23. </p>
  24. <table width="708" border="1">
  25. <tr>
  26. <td width="185">商品名</td>
  27. <td width="205">商品数量</td>
  28. <td width="296">商品价格</td>
  29. </tr>
  30. <tr>
  31. <td><label for="pro_name"></label>
  32. <input type="text" name="pro_name" id="pro_name" /></td>
  33. <td><label for="pro_num"></label>
  34. <input type="text" name="pro_num" id="pro_num" /></td>
  35. <td><label for="pro_price"></label>
  36. <input type="text" name="pro_price" id="pro_price" /></td>
  37. </tr>
  38. <tr>
  39. <td><input type="text" name="pro_name2" id="pro_name2" /></td>
  40. <td><input type="text" name="pro_num2" id="pro_num2" /></td>
  41. <td><input type="text" name="pro_price2" id="pro_price2" /></td>
  42. </tr>
  43. </table>
  44. <p> </p>
  45. <input type="button" name="submit" onclick="onClik();" value="提交"/>
  46. </form>
  47. </body>
  48. </html>
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <Meta charset="UTF-8" />
  6. <title>Document</title>
  7. <script type="text/javascript"> var student = new Object(); student.name = "Lanny"; student.age = "25"; student.location = "China"; var json = JSON.stringify(student); alert(json); </script>
  8. </head>
  9.  
  10. <body>
  11.  
  12. </body>
  13.  
  14. </html>

猜你在找的Json相关文章