javascript加载并使用json数据文件
我需要加载data.json文件,并在html屏幕上打印“a”的姓名和年龄。如何加载data.json文件?我不想使用jquery。谢谢 index.htmljavascript加载并使用json数据文件,javascript,json,Javascript,Json,我需要加载data.json文件,并在html屏幕上打印“a”的姓名和年龄。如何加载data.json文件?我不想使用jquery。谢谢 index.html <html> <head> <head> <body> <script> var obj = JSON.parse(a); for (i in obj.types) { x+= "<h2>"+obj.types[i].name+"&
<html>
<head>
<head>
<body>
<script>
var obj = JSON.parse(a);
for (i in obj.types) {
x+= "<h2>"+obj.types[i].name+"</h2>";
x+= obj.types[i].age + "<br>";
}
document.getElementById("demo").innerHTML = x;
</script>
</body>
无法将文件从本地加载到浏览器。您需要为json文件(例如:)创建serve,然后请求它没有输出。我应该加载那个文件,我不能做第二个选择。
{
"a": [
{
"name": "a1",
"age": 30,
"models": [
"a",
"b",
"c"
]
},
{
"name": "a2",
age": 20,
"models": [
"a",
"b"
]
}
],
"b": [
{
"Number": "001",
"Name": "b1",
}
]
}
var xhr = new XMLHttpRequest();
xhr.open("POST", "./data.json", true);
xhr.onload = function (){
obj = JSON.parse(this.responseText);
var x = "";
obj.a.forEach(function(e){
x += "<h2>"+e.name+"</h2>";
x += "<span>"+e.age+"</span>";
})
document.getElementById("demo").innerHTML = x;
}
xhr.send();