从JavaScript获取外部JSON文件-本地网站

Question

我希望了解是否有一种方法可以从javascript文件中获取多个外部JSON文件。

我的网站在本地运行。我在这台机器上有几个JSON文件：

file1.json：

{ "info1": "foo1", "info2": "foo2", "info3": "foo3", "info4": "foo4"}

file2.json :

{ "info5": "foo5", "info6": "foo6", "info7": "foo7", "info8": "foo8"}

我希望能够使用JavaScript访问我的网站中的这些文件以进行研究。

你知道如何做到这一点吗？

感谢您的帮助。

Johann

- Johann

Answer 1

你可以使用 AJAX 来实现这个功能：

function callback_function(object)
{
    // `object' contains the parsed JSON object
}

var xhr = new XMLHttpRequest();
xhr.open("GET", "/js/file1.json", true);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
        callback_function(JSON.parse(xhr.responseText));
    }
}
xhr.send();

- user529758

---

谢谢您的回复！但是如果我有50个JSON文件要加载，我必须重复50次吗？是否有一种方法可以加载一个JSON文件夹？ - Johann

@Johann，顺便说一下，你真的不需要服务器来使用jQuery。 - user529758

Answer 2

你应该从 JavaScript 向服务器发送请求并检索文件的输出。 使用 jQuery，您可以执行以下操作：

jQuery.getJSON(url, function(data){
   // do something
});

- Headshota