js 读取服务器json文件

可以使用 XMLHttpRequest 对象来读取服务器上的 JSON 文件。以下是一个简单的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/file.json', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var json = JSON.parse(xhr.responseText);
        console.log(json);
    }
};
xhr.send();

在这个示例中，我们使用了 XMLHttpRequest 对象来发送一个 GET 请求，请求服务器上的 JSON 文件。当 readyState 属性变为 4 且 status 属性为 200 时，说明请求已经成功完成，我们可以通过 responseText 属性获取到服务器返回的 JSON 字符串，并使用 JSON.parse() 方法将其转换为 JavaScript 对象。

相关问题

js读取本地json文件跨域

JS读取本地json文件并不涉及跨域问题，跨域问题主要指的是在网页中跨域读取服务器上的资源。在本地读取json文件时，只需要通过Ajax请求或者引入文件的方式来获取数据即可。如果是使用Ajax请求，需要用到XMLHttpRequest对象，但需要注意的是，在Chrome浏览器中，使用XMLHttpRequest对象从本地文件中读取数据会报跨域错误。这是由于Chrome浏览器的安全策略，导致不允许服务器和客户端在同一个域名下，只能通过网络或者本地服务器的方式来获取本地json文件。

为了解决这个问题，可以建立一个本地服务器来模拟网络环境，或者使用其他解决方案，例如：开启Chrome浏览器的安全策略，或者使用CORS策略解决跨域问题。另外，在使用框架或库的时候，也可以使用其他的方法来读取本地json文件，例如：使用jQuery的$.getJSON()方法或使用AngularJS的$http服务。

总之，在读取本地json文件时，需要注意安全策略和跨域问题，选择合适的解决方案可以更好地完成工作。

js读取本地json文件

你可以使用JavaScript中的AJAX技术来读取本地JSON文件。以下是一个示例：

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

//打开文件
xhr.open("GET", "file.json", true);

//设置响应类型
xhr.responseType = "json";

//发送请求
xhr.send();

//处理响应
xhr.onload = function() {
  if (xhr.status == 200) {
    var data = xhr.response;
    console.log(data);
  }
};

在上面的示例中，我们首先创建了一个XMLHttpRequest对象。然后，我们使用`open`方法打开了一个GET请求，请求的URL是`file.json`。我们使用`responseType`属性指定响应类型为JSON。最后，我们使用`send`方法发送了请求。在`onload`事件处理程序中，我们检查响应的状态码是否为200，如果是，我们将响应数据存储在变量`data`中，并将其打印到控制台上。

请注意，由于安全原因，浏览器不允许JavaScript访问本地文件系统，因此你必须在一个web服务器上运行你的代码才能读取本地JSON文件。