Javascript html页面的Json数组元素
我对使用JSON还不熟悉，我正在尝试做一些我确信非常简单的事情，但我已经寻找了一段时间，还没有找到正确的方法。 我有两个文件，一个html页面和一个包含数组的json文件。 JSON文件的内容如下所示：Javascript html页面的Json数组元素,javascript,html,json,Javascript,Html,Json,我对使用JSON还不熟悉，我正在尝试做一些我确信非常简单的事情，但我已经寻找了一段时间，还没有找到正确的方法。 我有两个文件，一个html页面和一个包含数组的json文件。 JSON文件的内容如下所示： [ { "name": "EXAMPLE1", "description": "this is a sample description"}, { "name": "EXAMPLE2", "description": "This is a second sample descri
[
{ "name": "EXAMPLE1",
"description": "this is a sample description"},
{ "name": "EXAMPLE2",
"description": "This is a second sample description"}
]
<!DOCTYPE html>
<html>
<head>
<title>Json Arrays</title>
</head>
<body>
</body>
<script>
$(document).ready(function(){
$.getJSON("testarray.json", function(data){
$.each(data, function)(){
$("body").append("<h1>"+this['name']+<br>"</h1>""<p>"+this['description']+<br>"</p>");
}
}
}
</script>
</html>
Json数组
$（文档）.ready（函数（）{
$.getJSON（“testarray.json”），函数（数据）{
$。每个（数据、函数）（）{
$（“正文”）。追加（“+this['name']+
”“”+this['description']+
””）；
}
}
}
如果您有任何建议，我们将不胜感激。您必须正确解析它。以下是我调整的代码
<!DOCTYPE html>
<html>
<head>
<title>Json Arrays</title>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
</body>
<script>
$(document).ready(function(){
$.getJSON("testarray.json", function(data){
console.log(data);
$.each(data, function(i, field){
$("body").append("<h1>"+field.name+"<br></h1><p>"+field.description+"<br></p>");
});
})
});
</script>
</html>
Json数组
$（文档）.ready（函数（）{
$.getJSON（“testarray.json”），函数（数据）{
控制台日志（数据）；
$.each（数据、函数（i、字段）{
$（“body”）.append（“+field.name+”
“+field.description+”
”）；
});
})
});
在每次之后，所有内容都将是对象，所以只需使用
字段。name.json