将 JSON 数据写入我的 HTML 文件

Question

我在学校学习 API，所以我不太擅长 jQuery。但我必须调用 API 并使用该信息做一些事情。

我向 Instagram 发送了一个 ajax 请求，收集 JSONP 数据。

               $.ajax(
                   {
                    type: "GET",
                    dataType: "jsonp",
                    cache: false,
                    url: "https://api.instagram.com/v1/tags/" + boxInput + "/media/recent?client_id=8d1631975f2c42fdb8fb628ee9ac8f13",
                    success: toonResults,  

                });


               function toonResults (Data){
                    console.dir(Data);

我的目标是：

嘿 JSON 数据，我想从你给我的所有 20 个对象中选择所有图像（我得到 20 个结果），并将它们放在我的名为#imagearea 的 HTML div 中。

但我真的不知道从哪里开始，除了我听说 json.parse 可以解决问题，我只是不知道如何在我的情况下应用 json.parse。

非常感谢，

标记。

Answer 1

一个非常人为的例子可能是：

function toonResults(Data) {
    var imageAreaDiv = $('#imagearea');

    // Assuming Data is an array of objects.
    $.each(Data, function(index, item) {
        // The `append` function allows dynamic HTML to be appended to the main div.
        imageAreaDiv.append('<img src="' + item.imageUrl + '" />');
    });
}

查看append：http://api.jquery.com/append/