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

我刚刚开始研究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、投票id和选项文本的选项列表。我想使用AJAX/javaScript/jQuery在HTML页面中显示这些数据。任何人都可以。这可以是表、列表或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>')
            })
            })
        })

在我的页面中，但是

console.log（）

以正确的格式显示了数组及其内部的对象

如何做到这一点？有什么想法吗？我已经检查了stackoverflow的一些链接，但它超出了我的理解。

试试看

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

$（'div'）.html（''+JSON.stringify（数据）+'
'）

---

但是我建议使用.append（）而不是.html（）

谢谢。我会试试，但如果我想在表中显示它怎么办？@Deshwal我不知道你的表是什么样子，但是如果你让我给你一个例子，那么

$（'table'）。如果你有一个table元素在其中，那么append（''+data.id+'+data.choice.\u text+'+data.poll+''）

就可以了。谢谢，那就行了

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