1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>JSON的数据解析</title>
  6. <script src="jQuery.js"></script>
  7. <script type="text/javascript">
  8. $(function(){
  9. var str = {
  10. "comments": [
  11. {
  12. "content": "很不错嘛",
  13. "id": 1,
  14. "nickname": "纳尼"
  15. },
  16. {
  17. "content": "哟西哟西",
  18. "id": 2,
  19. "nickname": "小强"
  20. }
  21. ]
  22. };
  23. console.log(str.comments[0].content);//获取特定的JSON内的数据
  24. //获取全部的数据
  25. $.each(str.comments, function(index, item) {
  26. $("body").append(
  27. "<div>" +index+":"+ item.content + "</div>" +
  28. "<div>" +index+":"+ item.id + "</div>" +
  29. "<div>" +index+":"+ item.nickname + "</div><hr/>");
  30. });
  31. /****************************************************************************
  32. * 将JSON对象转换为字符串
  33. * 可以使用方法JSON.stringify()将JSON对象转化为JSON字符串。
  34. *****************************************************************************/
  35. var str3 = JSON.stringify(str);
  36. console.log(typeof str3);
  37. /****************************************************************************
  38. * js对象或者json字符串转成JSON对象
  39. * parseJSON函数用来将一个普通的 JavaScript 对象序列化为 JSON 对象。
  40. * 将标准字符串转换为JSON对象的函数是parseJSON(),使用方式如jQuery.parseJSON(str)//其中str就是满足本标题描述的字符串
  41. ******************************************************************************/
  42. var str1='{ "name": "John" }';
  43. var obj = $.parseJSON(str1)
  44. console.log(obj.name);
  45. /*当然也可以使用eval()方法将字符串转成json数据类型*/
  46. var data='{ "name": "John","value": "123" }';
  47. //data为字符串类型 则要将字符串类型转换成json数据类型
  48. var jsondatas=eval("("+data+")");
  49. console.log(jsondatas.value);
  50. /*************************************************************************************
  51. ** 以下为数组类型字符串 转换成json 字符串 解析
  52. ** 数组形式的json字符串
  53. **
  54. ************************************************************************************/
  55. var jsondata="[{name:'1',value:'0'}, {name:'6101',value:'西安市'}, {name:'6102',value:'铜川市'}, {name:'6103',value:'宝鸡市'}, {name:'6104',value:'咸阳市'}, {name:'6105',value:'渭南市'}, {name:'6106',value:'延安市'}, {name:'6107',value:'汉中市'}, {name:'6108',value:'榆林市'}, {name:'6109',value:'安康市'}, {name:'6110',value:'商洛市'}]";
  56. var json=eval(jsondata);
  57. $.each(json,function(i,n){
  58. console.log(json[i].name);
  59. console.log(json[i].value);//根据索引取值
  60. });
  61. /*************************************************************************************
  62. **
  63. ** json对象 不需要转换
  64. **
  65. ************************************************************************************/
  66. var json={
  67. "Products":[
  68. {"orderid":"11077","customerid":"RATTC"},
  69. {"orderid":"11078","customerid":"RATT"}
  70. ],
  71. "Img":[
  72. {"id":"12345","url":"image/1.jpg"}
  73. ]
  74. };
  75. $.each(json.Products,function(i,n){
  76. alert(n.orderid);
  77. });
  78. });
  79. </script>
  80. </head>
  81. <body>
  82. </body>
  83. </html>

分类: PHP

标签:   js