使用 jQuery/JavaScript 在 HTML 页面中显示/打印一组嵌套的 JSON API 数据（列表）

Question

我刚刚开始研究 jQuery、javaScript 和 AJAX，并尝试使用我设计的 API。后端的结果如下

[
    {
        "id": 1,
        "choice_text": "They work on List View generally",
        "poll": 1
    },
    {
        "id": 3,
        "choice_text": "Learn on Digital Ocean",
        "poll": 2
    }
]

这是一个带有 id、poll id 和 Choice Text 的选项列表。我想使用 AJAX/javaScript/jQuery 在 HTML 页面中显示这些数据。任何人都会这样做。这可以是 table、list 或 div 元素。我该怎么做？？

当我使用下面的代码时，

$('#get-list').click(function () {
        $.get("http://127.0.0.1:8000/rest-api/choices/", function (data,status) {
            console.log(data);
            $.each(data, function () {
               $('div').html('<p>'+data+'</p>')
            })
            })
        })

我明白了

[object Object],[object Object]

在我的页面中，但 console.log() 以正确的格式显示了包含对象的数组。

如何做到这一点？任何想法？已经检查了一些来自 stackoverflow 的链接，但它超出了我的想象。

Answer 1

试试

$('div').html('<p>' + JSON.stringify(data) + '</p>')

但我建议使用 .append() 而不是 .html()