我的html页面没有显示我的json数据

时间:2014-11-21 10:03:52

标签: jquery html json visual-studio

我是json的新手,我正在使用microsoft visual studio来开发一个简单的网页。我创建了json文件并将其放入驱动器说D://。现在我必须阅读json数据并在单击按钮时显示在我的网页中。什么是错的。

<title>Welcome</title>
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#hop").click(function(event) {
            $.getJSON('d://final.json', function (jd) {
                $("#hi").html('<p>Name :' + jd.name + '</p>')
                $('#hi').append('<p>Age : ' + jd.age + '</p>');
            });
        });
    });
</script>
</head>
<body>
    <h1>Get Json Data</h1>
    <div id="hi">
        Hi
    </div>
    <input type="button" id="hop" value="ShowJsonData"/>
</body>

final.json:

{
    "name": "stack"
    "age":"15"
}

1 个答案:

答案 0 :(得分:4)

由于现代浏览器的安全限制,您无法向本地文件系统发出AJAX请求。

您需要在本地计算机上或远程通过Web服务器(如IIS或Apache)运行代码。