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)(或者右鍵,審查元素也可以)


DEMO示例下載

<!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文件