JQuery中使用getJSON讀取靜態(tài)json文件
(正確讀取出來的前提是:json文件中的json格式正確,符合json規(guī)范,否則讀取不出來數(shù)據(jù))
下面代碼中有測試說明,請耐心查看哦
測試結(jié)果,請在Console控制臺中查看
不會打開Console控制臺的小伙伴們注意了:
F12 -->點擊Console進入控制臺(或者右鍵,審查元素也可以)
<!DOCTYPE> <html> <head> <title>$.getJSON讀取靜態(tài)json文件</title> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> </head> <body> <script type="text/javascript"> //測試數(shù)據(jù)為:(在測試的時候,請創(chuàng)建一個testjson.json的文件,把以下數(shù)據(jù)放到文件里面哦,文件名稱自己定義) //{"Name":"Json在線解析","ProUrl":"m.hnxxbl.cn","SiteID":1472222,"SiteLink":"官方QQ群:308250404","SiteInfo":"Json在線工具(http://m.hnxxbl.cn),Json學習資料專題模塊,只為你提供最好的Json學習資料,感謝你的支持","SiteList":{"Name":"Json在線解析","ProUrl":"m.hnxxbl.cn","SiteLink":"官方QQ群:308250404"}} //getJSON讀取靜態(tài)json文件(讀取出來的前提是:json文件中的json格式正確,符合json規(guī)范,否則讀取不出來數(shù)據(jù)) $.getJSON('testjson.json', {}, function (data) { if (data) { console.log(data) console.log("Name:" data.Name) console.log("ProUrl:" data.ProUrl) console.log("SiteLink:" data.SiteLink) console.log("SiteInfo:" data.SiteInfo) //..................剩下的就不寫了,都是這樣,只要json格式正確,就ok啦 } }, 'json'); </script> </body> </html>
原文鏈接:JQuery中g(shù)etJSON讀取靜態(tài)json文件