我正在开发一个项目，需要将数据发布到从返回 JSON 的查询收到的表中。
我在这里查看了其他几篇有关接收 JSON 数据并将其附加到表中的帖子，但没有一个真正完成了我需要的任务。
提及我是 JQUERY 新手可能是个好主意，但我对需要发生的事情有基本的了解。
我的代码如下所示，请注意，我使用假 API 来提供 Chuck Norris 笑话，但最终它将提供大量用于存储文本 block 的部分。
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<script>
$.getJSON('http://api.icndb.com/jokes/random', function(json_data){
var table_obj = $('table');
$.each(json_data, function(index, item){
var table_row = $('<tr>', {id: item.id});
var table_cell = $('<td>', {html: item.data});
table_row.append(table_cell);
table_obj.append(table_row);
})
})
</script>
<table border=1>
<tbody id="table">
</tbody>
</table>
看起来查询成功，我可以查看该对象，但它似乎没有创建表。
任何对此的建议将不胜感激。
最佳答案
来自docs
Fetching multiple random jokes
Example:
http://api.icndb.com/jokes/random/3
Result
{
"type": "success",
"value": [{
"id": 1,
"joke": "Joke 1"
}, {
"id": 5,
"joke": "Joke 5"
}, {
"id": 9,
"joke": "Joke 9"
}]
}
因此你需要:
$.getJSON('https://api.icndb.com/jokes/random/6', function(json_data) {
if (json_data.type = 'success') {
var table_obj = $('table');
$.each(json_data.value, function(index, item) {
var table_row = $('<tr>', {id: item.id});
var table_cell = $('<td>', {html: item.joke});
table_row.append(table_cell);
table_obj.append(table_row);
})
} else {
// some error message
}
})
Working jsFiddle
关于JQuery JSON 转表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39804995/