Javascript 将JSON数据写入我的HTML文件

我在学校学习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

非常感谢

---

马克。

一个非常做作的例子可能是：

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的信息，请参见：在这种情况下，jQuery应该为您调用JSON.parse。数据应该是分析instagram作为查询结果发送的JSON字符串的结果。可能的重复项请查看位于和处的jQuery文档以获取预期的结果对象。我建议使用map。虽然它做了一个循环，但它意味着根据每个迭代的返回值生成一个新数组。forEach是更好的方法，因为它只做一个循环。为了实现跨浏览器兼容性，请改用$.each。我认为jQuery会将item作为第二个参数返回。第一个参数是索引。感谢您的回复。我的网站上有3个缩略图，而不是实际的图像，所以只有一个图像图标：。我的控制台中也出现了一个错误，这可能解释如下：getfile://localhost/Users/Mark/Desktop/twitter/undefined net:：ERR_FILE_NOT_FOUND Edit：当我复制URL代码时，我发现图像的名称未定义，而不是JSON数据中的实际图像。感谢另一个捕获，Joseph.user3771895，检查我刚刚做的代码更新functionindex，这可能有助于您的url。如果没有，请发布您的代码，以便我们了解可能发生的其他情况。