📜  读取 json 文件的节点代码 - Javascript (1)

📅  最后修改于: 2023-12-03 15:41:47.282000             🧑  作者: Mango

读取 JSON 文件的节点代码 - Javascript

JSON(JavaScript Object Notation)是一种轻量级数据交换格式,用于在前后端之间传递和存储数据。在JavaScript中,我们可以使用内置的JSON对象来操作JSON数据。

下面是读取JSON文件节点的Javascript代码片段:

// 读取json文件
function loadJSON(callback) {   
  let xobj = new XMLHttpRequest();
  xobj.overrideMimeType("application/json");
  xobj.open('GET', 'data.json', true);
  xobj.onreadystatechange = function () {
    if (xobj.readyState == 4 && xobj.status == "200") {
      callback(xobj.responseText);
    }
  };
  xobj.send(null);
}

// 获取json节点
function getJSONNode(node) {
  loadJSON(function(response) {
    let data = JSON.parse(response);
    let value = data[node];

    // 处理获取值的逻辑
    console.log(value);
  });
}

// 获取名为"age"的节点
getJSONNode("age");

这段代码中,我们首先使用XMLHttpRequest对象来读取JSON文件。使用onreadystatechange事件,我们可以确保在文件完全加载后再继续对其进行处理。然后使用JSON.parse()方法将文件内容转换为Javascript对象,可以方便的获取任意节点。

最后,使用getJSONNode()函数来获取想要的节点值,将节点名作为参数传递给此函数即可。

以上代码可以很好地读取JSON文件并获取指定的节点,方便地实现了前后端数据交互,提高了Web开发的效率。