javascript - 在 JSFiddle 中链接外部 JSON 数据文件

Question

有没有办法在 JSFiddle 中链接外部 JSON 数据？

我试图在 JSON 数据中提取的代码部分如下:

var xhr = new XMLHttpRequest();

xhr.open('GET', url: 'www.myurl.com/js/data/data.json', true);
xhr.send(null);

我看到 JSON 数据放置在 javascript 部分/内部放置在 JSFiddle 中，但我很好奇是否可以使用它在 JSFiddle 中的 url 路径从外部提取 JSON 数据。

查看当前JSFiddle .

Answer 1

您的示例(包括 fiddle 中的代码)已损坏。

你用这个 isstead 修复它:

xhr.open('GET', 'http://www.andrewwierzba.com/js/data/data.json', true);

然后，然而，你碰壁了:

XMLHttpRequest cannot load http://www.andrewwierzba.com/js/data/data.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.

How to fix that is for another question 并且网上有很多关于跨源 XHR 的讨论，因此请尝试查找它。这很痛苦，这就是为什么大多数人改为嵌入 json。

---

更好的主意可能是使用“回声”功能，正如@citrus 在对原始帖子的评论中提到的那样。