**index.html**
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="content"></div>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="js/main.js"></script>
</body>
</html>
**js/main.js**
$(document).ready(function(){
console.log(data)
function parse(data){
for (var item in data['6784']) {
for (var i = 0; i < data['6784'][item].length; i++) {
var od_id = data['6784'][item][i].od_id;
var cl_type = data['6784'][item][i].cl_type;
var cl_eye = data['6784'][item][i].cl_eye;
console.log(item + ', ' + od_id + ', ' + cl_type + ', ' + cl_eye);
$("#content").append(
'<div class="row">'+
'<p><span class="item">item: </span> ' + item + '</p>'+
'<p><span class="item">od_id: </span> ' + od_id + '</p>'+
'<p><span class="item">cl_type: </span> ' + cl_type + '</p>'+
'<p><span class="item">cl_eye: </span> ' + cl_eye + '</p>'+
'</div> <br>'
);
}
}
}
$.ajax({
url: 'data.json',
dataType: "json",
success: parse,
});
});
**data.json**
{"6784":
{"OD":
[
{
"od_id":"587641",
"cl_type":"scl",
"cl_eye":"OD"
}
],
"OS":
[
{
"od_id":"58764-2",
"cl_type":"scl-2",
"cl_eye":"OS"
}
]
}
}
直视[...用于在(https://开头developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for ...在) –
显示你的努力。 – Shubham
尝试$ .each(yourarray,function(index,item){}) –