请求本地json文件本地json数据请求失败：代码示例

温馨提示：这篇文章已超过288天没有更新，请注意相关的内容是否还可用！

请求本地json文件的方法可以通过使用XMLHttpRequest对象来实现。我们需要创建一个XMLHttpRequest对象，并使用其open()方法来指定请求的方法（GET或POST）以及要请求的文件的URL。然后，我们需要监听XMLHttpRequest对象的onreadystatechange事件，并在该事件触发时处理请求的结果。

示例代码如下：


var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象
xhr.open('GET', 'data.json', true); // 指定请求的方法和URL
xhr.onreadystatechange = function() { // 监听onreadystatechange事件
  if (xhr.readyState === 4 && xhr.status === 200) { // 请求完成且响应状态为200
    var data = JSON.parse(xhr.responseText); // 解析响应的JSON数据
    console.log(data); // 打印解析后的数据
  } else if (xhr.readyState === 4 && xhr.status !== 200) { // 请求完成但响应状态不为200
    console.error('Failed to load data.json'); // 打印错误信息
  }
};
xhr.send(); // 发送请求

在上面的示例代码中，我们首先创建了一个XMLHttpRequest对象，并使用open()方法指定了GET请求的方法和要请求的文件的URL（这里假设本地的data.json文件与当前的HTML文件在同一目录下）。然后，我们通过监听onreadystatechange事件来处理请求的结果。当readyState属性为4（表示请求完成）且status属性为200（表示响应状态为成功）时，我们使用JSON.parse()方法将响应的JSON数据解析为JavaScript对象，并打印解析后的数据。当readyState属性为4（表示请求完成）但status属性不为200时，我们打印错误信息。

这样，我们就可以通过以上方法来请求本地的json文件，并处理请求的结果。