Flickr API 相册名称和照片 jQuery

Question

我正在使用 Flickr API 在网站上显示图片。 到目前为止，我已成功获取所有图片并显示它们。 现在我想根据他们的相册对图片进行分类。 我正在使用 flickr.photos.getAllContexts 来获取每张照片的相册名称。 我想在顶部显示一个相册的名称，然后是它的照片，并且在列出该相册的所有照片后，应该显示另一个相册名称，然后是它的图片。 但是我的代码在顶部显示所有专辑名称，然后是所有图片。 下面是我的代码。 任何帮助将不胜感激。

 <html> <style> </style> <body height="400" width="345"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> var settings = { "async": true, "crossDomain": true, "url": "https://www.flickr.com/services/rest/?method=flickr.photos.search&api_key=d4484e060a112d188a27a51ea64f427e&user_id=13796773%40N04&format=json&nojsoncallback=1", "method": "GET", } $.ajax(settings).done(function (data) { console.log(data); $.each( data.photos.photo, function( i, gp ) { var farmId = gp.farm; var serverId = gp.server; var id = gp.id; var secret = gp.secret; var settings1 = { "async": true, "crossDomain": true, "url": "https://www.flickr.com/services/rest/?method=flickr.photos.getAllContexts&api_key=d4484e060a112d188a27a51ea64f427e&photo_id="+ id +"&format=json&nojsoncallback=1", "method": "GET", "headers": {} } $.ajax(settings1).done(function (data) { console.log(data); var album=data.set[0].title; $("#albumtitle").append(data.set[0].title + " Gallery"); }); console.log(farmId + ", " + serverId + ", " + id + ", " + secret); // https://farm{farm-id}.staticflickr.com/{server-id}/{id}_{secret}.jpg $("#flickr").append('<center><img style="border:1px solid #000000" src="https://farm' + farmId + '.staticflickr.com/' + serverId + '/' + id + '_' + secret + '.jpg"/><br><br></center>'); }); }); <h2><div id="albumtitle"></div></h2> <div style="clear:both;"/> <div id="flickr"/> </body> </html>