📅  最后修改于: 2023-12-03 15:41:47.282000             🧑  作者: Mango
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开发的效率。