你好,假设我有以下 ajax 调用:
jQuery.ajax({
type: "GET",
url: "https://myurl.com",
success: function(data)
{
console.log(data);
}
});
这会产生以下 json 数据(在我的控制台中)
{
"meta": {
"last_updated": "2017-07-06"
},
"results": [
{
"term": "DRUG INEFFECTIVE",
"count": 1569
},
{
"term": "NAUSEA",
"count": 1374
},
{
"term": "FATIGUE",
"count": 1371
}
]
}
我如何在我的 HTML 页面中使用此数据填充 div
,格式如下:
term: x
count: xx
term: x
count: xx
term: x
count: xx
我对“元”东西不感兴趣,只对“结果”感兴趣
有人知道如何使用简单的循环来显示这些数据吗?
谢谢!
最佳答案
您可以在“成功函数”中循环遍历 data.results
,如下所示:
jQuery.ajax({
type: "GET",
url: "https://myurl.com",
success: function(data)
{
console.log(data);
jQuery.each(data.results, function(i, val) {
// here you can do your magic
$("#yourdivid").append(document.createTextNode(val.term));
$("#yourdivid").append(document.createTextNode(val.count));
});
}
});
关于jquery - 使用循环在 HTML 中显示来自 jQuery.ajax 的 json 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45134555/