Question

我正在浏览器中查看本地及其关联资源的网页，因此网址来源（在Chrome中）为file:///。本地文件层次结构如下所示：

./
index.html
script.js
data.json

fetch和xhr似乎不起作用。如何将.json文件中的数据导入网页（使用vanilla JavaScript无库）？

Answer 1

使用jquery，然后使用$.getJSON. $ .getJSON是异步的，所以你应该这样做：

  $.getJSON("data.json", function(json) {
     document.write(json);        
     console.log(json); // this will show the info it in firebug console
    });

Answer 2

如果您想使用file：//提供资源，则需要使用相对网址。所以fetch就像fetch('data.json').then(data => //do something)

URL不应以斜杠开头，否则看起来文件应该位于目录结构中。您可以通过查看浏览器的JavaScript控制台获得一些理解......

将数据从json文件导入到本地运行的文件：URL origin

2 个答案: