HTML读取json文件并转换成数组。json文件名aaa,内容如下:json文件内容如下:{ "problem_categories": [ {"name": "产品质量问题", "id": 1,"description": "客户反映产品质量有问题,无法正常使用或有明显缺陷"}, {"name": "服务态度问题", "id": 2,"description": "客户投诉服务人员态度不友好或存在其他不专业问题"}, {"name": "交付时间问题", "id": 3,"description": "客户反馈交付时间不准确或延迟,影响下一步工作计划"}, {"name": "其他", "id": 4,"description": "客户反馈的问题不属于以上三种类型"} ]}
时间: 2023-05-24 07:04:15 浏览: 138
可以使用JavaScript中的XMLHttpRequest对象读取JSON文件并转换成数组。
```html
<!DOCTYPE html>
<html>
<head>
<title>Read JSON File</title>
<script>
// 创建XMLHttpRequest对象
var xhttp = new XMLHttpRequest();
// 设置请求方式和地址
xhttp.open("GET", "aaa.json", true);
// 发送请求
xhttp.send();
// 当读取完成时触发事件
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 将JSON字符串转换成数组
var jsonData = JSON.parse(this.responseText);
var problemCategories = jsonData.problem_categories;
// 遍历数组并输出
for (var i = 0; i < problemCategories.length; i++) {
console.log("分类名称:" + problemCategories[i].name);
console.log("分类ID:" + problemCategories[i].id);
console.log("分类描述:" + problemCategories[i].description);
}
}
};
</script>
</head>
<body>
</body>
</html>
```
上述代码会发送GET请求来读取JSON文件,然后将JSON字符串转换成数组并遍历输出每一个分类的信息。其中,JSON.parse()方法用于将JSON字符串转换成JavaScript对象或数组。
阅读全文