gpt4 book ai didi

javascript - 加载外部 JSON 文件

转载 作者:行者123 更新时间:2023-12-02 16:59:35 25 4
gpt4 key购买 nike

当来自外部文件时,我似乎无法获取 JSON。当我内联编写它时,效果很好。但是,当我创建一个名为 test.json 的文件并将 JSON 复制到其中时,我永远无法获取内容。

这是我的 HTML 和 JavaScript。我应该注意到 HTML 和 JSON 文件都在同一个文件夹中。

我做错了什么?

<!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 文件如下:

<!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>

关于javascript - 加载外部 JSON 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25871433/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com