JQuery中使用getJSON讀取靜態(tài)json文件
(正確讀取出來的前提是:json文件中的json格式正確,符合json規(guī)范,否則讀取不出來數(shù)據(jù))
下面代碼中有測(cè)試說明,請(qǐng)耐心查看哦
測(cè)試結(jié)果,請(qǐng)?jiān)贑onsole控制臺(tái)中查看
不會(huì)打開Console控制臺(tái)的小伙伴們注意了:
F12 -->點(diǎn)擊Console進(jìn)入控制臺(tái)(或者右鍵,審查元素也可以)
<!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"> //測(cè)試數(shù)據(jù)為:(在測(cè)試的時(shí)候,請(qǐng)創(chuàng)建一個(gè)testjson.json的文件,把以下數(shù)據(jù)放到文件里面哦,文件名稱自己定義) //{"Name":"Json在線解析","ProUrl":"www.hnxxbl.cn","SiteID":1472222,"SiteLink":"官方QQ群:308250404","SiteInfo":"Json在線工具(http://www.hnxxbl.cn),Json學(xué)習(xí)資料專題模塊,只為你提供最好的Json學(xué)習(xí)資料,感謝你的支持","SiteList":{"Name":"Json在線解析","ProUrl":"www.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文件