国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Jquery解析json字符串及json數(shù)組的方法

2024-05-06 16:21:02
字體:
供稿:網(wǎng)友

這篇文章主要介紹了Jquery解析json字符串及json數(shù)組的方法,實例分析了jQuery操作json格式字符串與數(shù)組的相關(guān)技巧,需要的朋友可以參考下

本文實例講述了Jquery解析json字符串及json數(shù)組的方法。分享給大家供大家參考。具體如下:

  1. <!doctype html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <script src="js/jquery-1.6.2.min.js"></script>  
  6. </head>  
  7. <body>  
  8. <hr />  
  9. <h3>解析json字符串、json數(shù)組</h3>  
  10. <input type="button" id="jsonBtn" name="jsonBtn" value="jsonArray" />  
  11. <input type="button" id="jsonArray2" name="jsonArray2" value="jsonArray2" />  
  12. <input type="button" id="jsonStr" name="jsonStr" value="jsonStr" />  
  13. <input type="button" id="jsonStr2" name="jsonStr2" value="jsonStr2" />  
  14. <hr />  
  15. <div class="jsonText">  
  16. {"ret": 0, "msg""""is_lost":0, "nickname""小米""gender""男""province""廣東""city""廣州""year""1990""figureurl""http:////qzapp.qlogo.cn//qzapp//101152201//D87BF108B19279F31587CE96E5648A98//30""figureurl_1""http:////qzapp.qlogo.cn//qzapp//101152201//D87BF108B19279F31587CE96E5648A98//50""figureurl_2""http:////qzapp.qlogo.cn//qzapp//101152201//D87BF108B19279F31587CE96E5648A98//100""figureurl_qq_1""http:////q.qlogo.cn//qqapp//101152201//D87BF108B19279F31587CE96E5648A98//40""figureurl_qq_2""http:////q.qlogo.cn//qqapp//101152201//D87BF108B19279F31587CE96E5648A98//100""is_yellow_vip""0""vip""0""yellow_vip_level""0""level""0""is_yellow_year_vip""0"}  
  17. </div>  
  18. <hr />  
  19. <div class="jsonArray">  
  20. { root:  
  21. [  
  22. {name:'1',value:'0'},  
  23. {name:'6101',value:'西安市'},  
  24. {name:'6102',value:'銅川市'},  
  25. {name:'6103',value:'寶雞市'},  
  26. {name:'6104',value:'咸陽市'},  
  27. {name:'6105',value:'渭南市'},  
  28. {name:'6106',value:'延安市'},  
  29. {name:'6107',value:'漢中市'},  
  30. {name:'6108',value:'榆林市'},  
  31. {name:'6109',value:'安康市'},  
  32. {name:'6110',value:'商洛市'}  
  33. ],  
  34. json:  
  35. [  
  36. {name:'6103',value:'寶雞市'},  
  37. {name:'6104',value:'咸陽市'},  
  38. {name:'6107',value:'漢中市'},  
  39. {name:'6108',value:'榆林市'},  
  40. {name:'6110',value:'商洛市'}  
  41. ]  
  42. }  
  43. </div>  
  44. <hr />  
  45. <div class="jsonArray2">  
  46. [  
  47. {name:'1',value:'0'},  
  48. {name:'6101',value:'西安市'},  
  49. {name:'6102',value:'銅川市'},  
  50. {name:'6103',value:'寶雞市'},  
  51. {name:'6104',value:'咸陽市'},  
  52. {name:'6105',value:'渭南市'},  
  53. {name:'6106',value:'延安市'},  
  54. {name:'6107',value:'漢中市'},  
  55. {name:'6108',value:'榆林市'},  
  56. {name:'6109',value:'安康市'},  
  57. {name:'6110',value:'商洛市'}  
  58. ]  
  59. </div>  
  60. </body>  
  61. </html>  
  62. <script type="text/javascript">  
  63. ///jQuery 解析json字符串  
  64. //解析復(fù)雜的json數(shù)組  
  65. $("#jsonBtn").click(function(){  
  66. var data=$(".jsonArray").html();  
  67. alert("-----"+data);  
  68. var dataObj=eval("("+data+")");//轉(zhuǎn)換為json對象  
  69. alert(dataObj.root.length);//輸出root的子對象數(shù)量  
  70. alert(dataObj.json.length);//輸出json的子對象數(shù)量  
  71. //遍歷json數(shù)組  
  72. $.each(dataObj.root, function(i, item) {  
  73. alert(item.name+"-----root-------"+item.value);  
  74. });  
  75. //遍歷json數(shù)組  
  76. $.each(dataObj.json, function(i, item) {  
  77. alert(item.name+"-----json-------"+item.value);  
  78. });  
  79. });  
  80. //解析單個的json數(shù)組  
  81. $("#jsonArray2").click(function(){  
  82. var data=$(".jsonArray2").html();  
  83. alert("-----"+data);  
  84. var dataObj=eval("("+data+")");//轉(zhuǎn)換為json對象  
  85. alert(dataObj.length);//輸出root的子對象數(shù)量  
  86. //遍歷json數(shù)組  
  87. $.each(dataObj, function(i, item) {  
  88. alert(item.name+"-----jsonArray-------"+item.value);  
  89. });  
  90. });  
  91. ///解析標(biāo)準(zhǔn)的Json串 方法一  
  92. $("#jsonStr").click(function(){  
  93. var json=$(".jsonText").html();  
  94. alert("---2--"+json);  
  95. var item = jQuery.parseJSON(json);  
  96. alert(item.nickname);  
  97. alert(item.ret);  
  98. alert(item.figureurl );  
  99. });  
  100. ///解析標(biāo)準(zhǔn)的Json串,方法二  
  101. $("#jsonStr2").click(function(){  
  102. var json=$(".jsonText").html();  
  103. alert("---2--"+json);  
  104. var obj = eval("("+json+")");  
  105. alert(obj.nickname);  
  106. alert(obj.ret);  
  107. alert(obj.figureurl );  
  108. });  
  109. </script> 


希望本文所述對大家的jQuery程序設(shè)計有所幫助。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 宝兴县| 汉中市| 和静县| 富源县| 乌拉特中旗| 信阳市| 象州县| 体育| 蓬莱市| 卓尼县| 绍兴市| 宣汉县| 肃宁县| 红河县| 西和县| 文登市| 睢宁县| 宁河县| 扶风县| 岳池县| 辽宁省| 金川县| 嘉善县| 远安县| 柞水县| 新沂市| 兴安县| 平湖市| 博罗县| 绿春县| 普安县| 遵化市| 兴化市| 木兰县| 漠河县| 曲沃县| 武宣县| 砚山县| 乌拉特前旗| 修水县| 疏勒县|