加载外部JSON文件 [英] Load external JSON file
本文介绍了加载外部JSON文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
当它来自外部文件时,我似乎无法获得JSON。当我内联写它时,它工作正常。但是当我创建一个名为 test.json
的文件并将JSON复制到其中时,我从未获得内容。
I can't seem to get JSON when it's from an external file. When I write it inline, it works fine. But when I created a file called test.json
and copied the JSON in to it, I never get the contents.
这是我的HTML和JavaScript。我应该注意HTML和JSON文件都在同一个文件夹中。
Here's my HTML and JavaScript. I should note that both HTML and JSON files are within the same folder.
我做错了什么?
<!DOCTYPE html>
<html>
<head>
<title>JSON Sandbox</title>
</head>
<body>
<h2>JSON Sandbox</h2>
<p id="demo"></p>
<script type="text/javascript">
var text = $.getJSON({
dataType : "json",
url : "test.json",
data : data,
success : window.alert("JSON Aquired.")
});
var obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name + "<br>" + obj.street + "<br>" + obj.phone;
</script>
</body>
</html>
这是我的 test.json
文件
{
"name":"John Johnson",
"street":"Oslo West 1",
"phone":"111 1234567"
}
推荐答案
将文件扩展名更改为js。
并更改html文件,如下所示:
Change the file extension to js. and change the html file as below:
<!DOCTYPE html>
<html>
<head>
<title>JSON Sandbox</title>
<script src="jquery-1.8.2.min.js"></script>
</head>
<body>
<h2>JSON Sandbox</h2>
<p id="demo"></p>
<script type="text/javascript">
var obj = new Object();
var error = new Object();
$.getJSON('test.js').done(function (data) {
obj = data;
document.getElementById("demo").innerHTML = obj.name + "<br>" + obj.street + "<br>" + obj.phone;
}).error(function (err) {
error = err;
});
</script>
</body>
</html>
这篇关于加载外部JSON文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文