使用循环在 HTML 中显示来自 jQuery.ajax 的 json 数据

Question

您好，假设我有以下 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

我对“元”东西不感兴趣，只对“结果”感兴趣

任何人都知道如何使用一个简单的循环来显示这些数据？

谢谢！

原文由 cup_of 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以在“成功功能”中循环遍历 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));
        });
    }
});

原文由 Chris 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您想要以 json 格式收到的成功数据，为此，您首先需要将其转换为数组以获取数据

data = jQuery.parseJSON(data);

这将帮助您以数组格式接收数据，然后您将对数据做任何您想做的事情。

有关更多信息，请查看这些答案 How to display JSON data with jQuery Ajax?

原文由 heySushil 发布，翻译遵循 CC BY-SA 4.0 许可协议