如何使用JavaScript读取JSON文件
我有一个问题,我不知道如何使用如何使用JavaScript读取JSON文件,javascript,jquery,Javascript,Jquery,我有一个问题,我不知道如何使用JavaScript读取test.json文件 Javascript代码: <script type="text/javascript" src="test.json"> (function(){ var nytg = nytg || {}; $.getJSON("test.json", function(data) { nytg.ipoData = data; co
JavaScript
读取test.json
文件
Javascript代码:
<script type="text/javascript" src="test.json">
(function(){
var nytg = nytg || {};
$.getJSON("test.json", function(data) {
nytg.ipoData = data;
console.log(data);
});
}());
</script>
您正在像加载源文件一样加载json文件:
<script type="text/javascript" src="test.json">
您可以添加
.fail()
回调函数以查看它们是否有错误吗?您可以使用“console.log(data);”等待,你的网站会显示一些东西,对吗?检查console或add/show code以在网站上显示数据。@User246171 Anto Jurković的回答确实有效,但是,如果您使用IE或较旧的浏览器,并通过文件://
协议查看您的页面,可能会导致其他权限问题。
<script type="text/javascript" src="test.json">
<script type="text/javascript">
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>D3 example</title>
<style>
</style>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<script>
(function(){
var nytg = nytg || {};
$.getJSON("24054047-test.json", function(data) {
nytg.ipoData = data;
console.log(data);
});
}());
</script>
</body>
</html>
0: Object
BHRET3: -77.1
NAME: "SBE INC."
Obs: 1
fulldate: 20140108
rMVMP: 46.3313
rMVOP: 3000.9174