JQuery中使用getJSON读取静态json文件

（正确读取出来的前提是：json文件中的json格式正确，符合json规范，否则读取不出来数据）

下面代码中有测试说明，请耐心查看哦

测试结果，请在Console控制台中查看


不会打开Console控制台的小伙伴们注意了：

F12 -->点击Console进入控制台（或者右键，审查元素也可以）


DEMO示例下载 

<!DOCTYPE>
<html>
<head>
    <title>$.getJSON读取静态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">
        //测试数据为：（在测试的时候，请创建一个testjson.json的文件,把以下数据放到文件里面哦，文件名称自己定义）
        //{"Name":"Json在线解析","ProUrl":"www.yunjson.com","SiteID":1472222,"SiteLink":"官方QQ群：308250404","SiteInfo":"Json在线工具（http://www.yunjson.com），Json学习资料专题模块，只为你提供最好的Json学习资料，感谢你的支持","SiteList":{"Name":"Json在线解析","ProUrl":"www.yunjson.com","SiteLink":"官方QQ群：308250404"}}
        //getJSON读取静态json文件（读取出来的前提是：json文件中的json格式正确，符合json规范，否则读取不出来数据）
        $.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>