js读取json的固定数据的一种方法

这段代码主要是使用XMLHttpRequest对象发送HTTP请求来获取一个JSON文件的内容，并将之解析为一个JavaScript对象。然后根据获取到的数据来渲染或显示页面上的内容。

首先，使用XMLHttpRequest对象创建一个新的请求对象：

let xhr = new XMLHttpRequest();

然后，使用open()方法打开一个新的HTTP GET请求，指定请求的URL和请求方式。第三个参数设置为true表示请求是异步的：

xhr.open('get', 'js/index.json', true);

接下来，使用send()方法发送请求：

xhr.send();

在请求的状态发生变化时，会触发onreadystatechange事件，设置一个事件监听器来处理这个事件。在该事件的回调函数中，先检查请求是否已经完成（readyState == 4）并且是否成功（status == 200）：

xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        // 请求已完成且成功
    }
};

如果请求成功，使用responseText属性获取响应的文本内容，并使用JSON.parse()方法将文本内容解析为JSON对象：

let text = xhr.responseText;
data = JSON.parse(text);

最后，调用一个名为item的函数，并传入解析后的数据作为参数。这个函数用来根据数据渲染或显示页面上的内容：

item(data);

在item()函数中，使用一个循环遍历数据，并根据数据的某个属性来决定显示哪些内容。最后将显示的内容设置到页面的某个元素中：

let str = '';
for (let i = 0; i < data.length; i++) {
    if (data[i].state == displayStr) {
        str += // 构建显示的字符串
    }
}
document.getElementsByClassName('details')[0].innerHTML = str;