jQuery遍歷讀取json格式資料簡單程式碼例項
在當前json格式資料的使用頻繁程度應該大家都很清楚。
所以掌握對於json格式資料的遍歷讀取是一個必須的技能,下面就分享一個簡單的程式碼例項。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>螞蟻部落</title> <script src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript"> var a = { "sys_bb": [ { "menu_name": "前端專區", "menus": [ { "menu_name": "css教程" }, { "menu_name": "div教程" } ] }, { "menu_name": "資源專區", "menus": [ { "menu_name": "特效下載" }, { "menu_name": "模板下載" }, { "menu_name": "教程下載" } ] } ], "sys_cw": [ { "menu_name": "後臺專區", "menus": [ { "menu_name": "c#教程" } ] } ] }; $(function () { $.each(a.sys_bb, function (i, n) { $("#antzone").append(a.sys_bb[i].menu_name + "<br>"); $.each(a.sys_bb[i].menus, function (i, n) { $("#antzone").append(" " + n.menu_name + "<br>"); }); }); $.each(a.sys_cw, function (i, n) { $("#antzone").append(a.sys_cw[i].menu_name + "<br>"); $.each(a.sys_cw[i].menus, function (i, n) { $("#antzone").append(" " + n.menu_name + "<br>") }); }); }); </script> </head> <body> <div id="antzone"></div> </body> </html>
相關文章
- jQuery遍歷json格式資料完整程式碼例項jQueryJSON
- $.each()方法遍歷json格式資料程式碼例項JSON
- jquery使用each()方法遍歷json資料程式碼例項jQueryJSON
- $.each()遍歷json格式陣列程式碼例項JSON陣列
- JSON簡單格式程式碼例項JSON
- jQuery處理json格式資料程式碼例項jQueryJSON
- jQuery對JSON格式資料的解析例項程式碼jQueryJSON
- javascript實現的遍歷json資料程式碼例項JavaScriptJSON
- jQuery遍歷陣列和集合程式碼例項jQuery陣列
- jQuery遍歷array陣列元素程式碼例項jQuery陣列
- jquery簡單ajax示例_讀取json檔案資料jQueryJSON
- jQuery清除表單資料程式碼例項jQuery
- 原生ajax處理json格式資料程式碼例項JSON
- ajax讀取資料庫資料程式碼例項資料庫
- jQuery表單驗證簡單程式碼例項jQuery
- jquery實現的讀取dat-*自定義資料程式碼例項jQuery
- jQuery鏈式呼叫簡單例項程式碼jQuery單例
- jquery自定義事件簡單例項程式碼jQuery事件單例
- jQuery簡單調色器程式碼例項jQuery
- jQuery實現的簡單投票簡單程式碼例項jQuery
- js實現的json格式資料排序程式碼例項JSON排序
- jquery的each()函式遍歷陣列和物件程式碼例項jQuery函式陣列物件
- jquery獲取json資料簡單介紹jQueryJSON
- $.each遍歷物件陣列程式碼例項物件陣列
- javascript遍歷陣列元素程式碼例項JavaScript陣列
- jquery簡單計算機功能程式碼例項jQuery計算機
- jquery隨機瀑布流簡單程式碼例項jQuery隨機
- jQuery清除快取例項程式碼jQuery快取
- jQuery通過ajax返回json格式資料簡單介紹jQueryJSON
- jquery圖片預載入簡單程式碼例項jQuery
- 將表單元素轉換為json格式物件例項程式碼JSON物件
- puppeteer 頁面爬取例項(元素遍歷)
- jquery獲取元素高度程式碼例項jQuery
- js簡單時間日期格式化程式碼例項JS
- jQuery實現的自動播放簡單程式碼例項jQuery
- $.each()方法遍歷二維陣列程式碼例項陣列
- php對mysql簡單讀取的例項PHPMySql
- jQuery程式碼優化:遍歷篇jQuery優化