jQuery Flickr API簡單搜索和顯示結果

我正在嘗試構建一個簡單的HTML文檔，用於類分配，這將允許用戶搜索閃爍並根據搜索結果顯示10個結果。jQuery Flickr API簡單搜索和顯示結果

我已經建立了搜索的URL，它似乎只是很好地工作：http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor&api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10

它要求基於標籤「雷神」和信息顯示10個結果中的XML。好到目前爲止...

接下來我想能夠存儲XML的某些部分，所以我可以使用它們來顯示圖像。基於Flickr API信息，我需要以下... ID，農場，服務器和祕密。

我正在使用下面的代碼來執行此操作。

$(document).ready(function() { 
    $.get('api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor& api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10',function(data) { 
     var items=[]; 
     $.each(data.photos.photo, function(index, value) { 
      var ident=(value.id); 
      alert(ident); 
     }); 
    }) 
});

這是行不通的。最大的問題是，螢火蟲不會給我任何錯誤，所以我不知道我要去哪裏錯了。如果我能得到一張獲得照片ID的手，那將是非常棒的。如果可能的話，我想自己決定。

編輯：我通過甲基苯丙胺運行此所以我使用的URL本地主機/ example.html的

謝謝泰米爾Selvan，你的代碼讓我找回value.id。是否有一個原因，當我嘗試檢索任何其他數據（value.server，value.farm，value.secret）時，我得到的值「undefined」？

我的新代碼...

  $(document).ready(function() { 
     $.get('http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor&api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10',function(data) 
     { 
      var items=[]; 
      $(data).find("photo").each(function(index, value) { 
      var ident=(value.id); 
      var secret_id=(value.secret); 
      var farm_id=(value.farm); 
      var server_id=(value.server); 
       $("#target").append("<p>"+ident+" "+server_id+" "+secret_id+" "+farm_id+"</p>"); 
      }); 
      }); 
      });

來源

2013-11-02 RoosterSauce

網址總是開始與HTTP/HTTPS –

看到更新的答案 –

網址總是開始與HTTP/HTTPS

嘗試

$.get('http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor& api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10',function(data) {

編輯：

$(document).ready(function() { 
    $.get('http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor& api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10',function(data) 
    { 
     var items=[]; 
     $(data).find("photo").each(function(index, value) { 
      var ident=(value.id); 
      alert(ident); 
     }); 
    }); 
});

EDIT1：

從價值得到祕密，服務器場ID

使用

var secret_id= $(value).attr('secret'); 
var farm_id= $(value).attr('farm'); 
var server_id=$(value).attr('server');

來源

2013-11-02 17:41:56

看一看http://justcats.applicate.de，看到網頁的源代碼，看看它是如何工作的核心線是：

https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=yourApiKey&tags=cat,kitten

來源

2014-09-22 11:47:12 applicate

添加一些摘錄FR om鏈接並嘗試闡述你的答案。 –

jQuery Flickr API簡單搜索和顯示結果

回答

相關問題