使用 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 和選擇文本的選項列表。 我想使用 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()