Jquery 如何在html表中显示JSON响应数据
我是JSON新手,在大学作业中使用getJSON在网页上显示数据时遇到困难。我尝试了一个附加表行的循环,但不清楚如何使用从JSON文件返回的数据 以下是我试图实现的目标:Jquery 如何在html表中显示JSON响应数据,jquery,html,json,Jquery,Html,Json,我是JSON新手,在大学作业中使用getJSON在网页上显示数据时遇到困难。我尝试了一个附加表行的循环,但不清楚如何使用从JSON文件返回的数据 以下是我试图实现的目标: <body> <table> <tr> <th>year</th> <th>sem</th> <th>module</th> <th&
<body>
<table>
<tr>
<th>year</th>
<th>sem</th>
<th>module</th>
<th>crn</th>
<th>title</th>
<th>credits</th>
<th>level</th>
<th>coordinator</th>
</tr>
</table>
<script src="//code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$.getJSON('modules.json', function(data) {
console.log(data);
var tr;
for (var i = 0; i < data.length; i++) {
tr = $('<tr/>');
tr.append("<td>" + data[i].year + "</td>");
tr.append("<td>" + data[i].sem + "</td>");
tr.append("<td>" + data[i].module + "</td>");
tr.append("<td>" + data[i].crn + "</td>");
tr.append("<td>" + data[i].title + "</td>");
tr.append("<td>" + data[i].credits + "</td>");
tr.append("<td>" + data[i].level + "</td>");
tr.append("<td>" + data[i].coordinator + "</td>");
$('table').append(tr);
}
});
</script>
</body>
谢谢检查您的错误所在
$.getJSON('modules.json', function(data) {
var tr;
for (var i = 0; i <data.modules.length; i++) {
tr = $('<tr/>');
tr.append("<td>" + data.modules[i].year + "</td>");
tr.append("<td>" + data.modules[i].sem + "</td>");
tr.append("<td>" + data.modules[i].module + "</td>");
tr.append("<td>" + data.modules[i].crn + "</td>");
tr.append("<td>" + data.modules[i].title + "</td>");
tr.append("<td>" + data.modules[i].credits + "</td>");
tr.append("<td>" + data.modules[i].level + "</td>");
tr.append("<td>" + data.modules[i].coordinator + "</td>");
$('table').append(tr);
}
});
$.getJSON('modules.json',函数(数据){
var-tr;
对于(var i=0;iOk),我对它进行了排序我的JSON文件开始时的标题导致了问题,当我试图输出数组的任何值时,我会得到一个空值。我刚刚去掉它,转到一个数组对象,我可以再次输出data.value。到目前为止,你尝试了什么?我不是为别人做大学作业的人,但我会提供帮助如果你没有在你的函数(数据)
中使用数据,你认为你应该得到什么结果?请在询问之前搜索:,等等@Pedro Estrada谢谢,我编辑了我的帖子,添加了我试图使用的内容。可能是
$.getJSON('modules.json', function(data) {
var tr;
for (var i = 0; i <data.modules.length; i++) {
tr = $('<tr/>');
tr.append("<td>" + data.modules[i].year + "</td>");
tr.append("<td>" + data.modules[i].sem + "</td>");
tr.append("<td>" + data.modules[i].module + "</td>");
tr.append("<td>" + data.modules[i].crn + "</td>");
tr.append("<td>" + data.modules[i].title + "</td>");
tr.append("<td>" + data.modules[i].credits + "</td>");
tr.append("<td>" + data.modules[i].level + "</td>");
tr.append("<td>" + data.modules[i].coordinator + "</td>");
$('table').append(tr);
}
});
$.getJSON('modules.json', function(data) {
$.each(data.modules, function(index, val) {
tr = $('<tr/>');
tr.append("<td>" + val.year + "</td>");
tr.append("<td>" + val.sem + "</td>");
tr.append("<td>" + val.module + "</td>");
tr.append("<td>" + val.crn + "</td>");
tr.append("<td>" + val.title + "</td>");
tr.append("<td>" + val.credits + "</td>");
tr.append("<td>" + val.level + "</td>");
tr.append("<td>" + val.coordinator + "</td>");
$('table').append(tr);
});
});