Javascript 在JSFIDLE中链接外部JSON数据文件

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

我正试图将JSON数据拉入的代码部分如下所示：

var xhr = new XMLHttpRequest();

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

我已经看到JSON数据放在JSFIDLE的javascript部分/内部，但我很好奇是否可以使用JSFIDLE中的url路径从外部拉入JSON数据

查看当前版本。

您的示例（包括小提琴中的代码）已损坏

您可以使用此isntead进行修复：

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

然而，你撞到了一面砖墙：

无法加载XMLHttpRequest . 不 “Access Control Allow Origin”标头出现在请求的服务器上 资源。因此，不允许使用源“” 进入

如何解决这个问题是另一个问题，网络上有很多关于交叉源XHR的讨论，所以请尝试查找它。这很痛苦，这就是为什么大多数人会嵌入json

---

---

更好的方法是使用“echo”功能，正如@cirtrus在原始帖子的评论中提到的那样。

您可以使用/echo/JSON/URL模拟JSON调用。在您的示例中，必须输入JSON文件的内容

{  
    "profiles": [
        { "firstName": "Jane", "lastName": "Doe", "gender": "female" },
        { "firstName": "John", "lastName": "Doe", "gender": "male" },
        { "firstName": "Akexander", "lastName": "Beth", "gender": "male" },
        { "firstName": "Sarah", "lastName": "Kelly", "gender": "female" }
        { "firstName": "Rachel", "lastName": "Haiworth", "gender": "female" }
    ]
}

并将其用作POST/echo/json/request的参数

var JSONData = {  
    "profiles": [
        { "firstName": "Jane", "lastName": "Doe", "gender": "female" },
        { "firstName": "John", "lastName": "Doe", "gender": "male" },
        { "firstName": "Akexander", "lastName": "Beth", "gender": "male" },
        { "firstName": "Sarah", "lastName": "Kelly", "gender": "female" }
        { "firstName": "Rachel", "lastName": "Haiworth", "gender": "female" }
    ]
}

new Request.JSON({
    url: '/echo/json/',
    data: {
        json: JSON.encode(JSONData),
        delay: 3
    },    
    onSuccess: function(response) {
        // Function to onSucess
    }
}).send();

---

请参见

您是否阅读了此文档：对于ajax请求，plnkr.co比fiddle更友好。您可以在几秒钟内创建实际文件，并指向这些文件