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

我是json的新手，我正在使用microsoft visual studio开发一个简单的网页。我已经创建了json文件并将其放入驱动器，如D：//。现在我必须阅读json数据，并在单击按钮时在我的网页中显示。最新出了什么问题。我的html页面没有显示我的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" 
}

来源

2014-11-21 BelieveToLive

您是否尝试打开控制台并查看错误是什么？ – ummahusla 2014-11-21 10:06:46

您不能由于现代浏览器的安全限制AJAX请求到本地文件系统。

您需要通过Web服务器（例如IIS或Apache）在本地机器上或远程运行代码。

来源

2014-11-21 10:07:22

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

回答

相关问题