[{"name":"中國工商銀行","code":102},{"name":"中國農業銀行","code":103},{"name":"中國銀行","code":104},{"name":"平安銀行","code":307}] // code.json 文件
<script type="text/javascript"> $(function(){ $("#btn").click(function(){ $.getJSON("area/code.json",function(data){ var $jsontip = $("#jsonTip"); var $json = $("#json"); var strHtml = "";//存儲數據的變量 var json = "";//存儲數據的變量 $jsontip.empty();//清空內容 $json.empty();//清空內容 $.each(data,function(infoIndex,info){ strHtml += ""+info["name"]+"<br>"; json += ""+info["code"]+"<br>"; strHtml += "<hr>" }) $jsontip.html(strHtml);//顯示處理后的數據 $json.html(json);//顯示處理后的數據 }) }) }) </script> </head> <body> <div> <input type="button" value="獲取數據" id="btn" /> </div> <div id="jsonTip"></div> <div id="json"></div> </body> </html>