如何使用JavaScript加载本地json文件

我的json文件如下所示

{
    "Persons": {
        "Name" : "e",
        "Name2": "e",
        "Id": "4700"
    }, [...]
}

我的代码是如何将这个本地json文件解析/加载到html文件中的。 我尝试了所有的方法，但都没有成功。

这里有一个来自（）

request=newXMLHttpRequest（）；
open（'GET'，'/my/url'，true）；
request.onload=函数（）{
如果（request.status>=200&&request.status<400）{
//成功！
data=JSON.parse（request.responseText）；
}否则{
//我们到达了目标服务器，但它返回了一个错误
}
};
request.onerror=函数（）{
//出现了某种连接错误
};
request.send（）；

然后，您的

数据

变量将具有如下可访问的成员：

---

警报（数据、人员、姓名）
您需要发出AJAX GET请求来加载数据。然后您将使用
JSON.parse
将文本加载的内容解析为对象数据。您使用什么来检索数据？尝试应该可以帮助所有人。@dfsq AJAX获取本地文件将失败。@lexicore如果运行本地Web服务器，它应该可以工作。@brb编码我认为“使用本地Web服务器加载资源”与“加载本地文件”不同。这取决于文件与您正在处理的文件的关系。如果它在“数据”文件夹中，则是。作为将来进一步帮助的指针，一定要包含更多细节，比如data.json文件的位置，以及您尝试使用的一些代码。
request = new XMLHttpRequest();
request.open('GET', '/my/url', true);

request.onload = function() {
  if (request.status >= 200 && request.status < 400){
    // Success!
    data = JSON.parse(request.responseText);
  } else {
    // We reached our target server, but it returned an error

  }
};

request.onerror = function() {
  // There was a connection error of some sort
};

request.send();