2013-11-02 4 views
1

Я пытаюсь создать простой HTML-документ для назначения класса, который позволит пользователям искать мерцание и отображать 10 результатов на основе их поиска.jQuery Flickr API простой поиск и отображение результатов

Я построил URL для поиска и, кажется, работает просто отлично: http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor&api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10

Он просит Информация на основе тегов «Thor» и отображает 10 результатов в XML. хорошо до сих пор ...

Далее я хочу иметь возможность хранить определенные части XML, поэтому я могу использовать их для отображения изображений. Основываясь на информации API Flickr, мне требуется следующее ... 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); 
     }); 
    }) 
}); 

Это не работает. Самая большая проблема заключается в том, что firebug не дает мне никаких ошибок, поэтому я не знаю, где я ошибаюсь. Если бы я мог просто получить руку, чтобы получить удостоверение личности с фотографией, которое было бы потрясающе. Я хотел бы, если возможно, выяснить, остальное.

EDIT: Я бегу это через MAMP так я использую URL-адрес Localhost/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>"); 
      }); 
      }); 
      }); 
+0

URL всегда начинается с HTTP/HTTPS –

+0

см обновления ответ –

ответ

2

Url всегда начинаются с HTTP/HTTPS

Попробуйте

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

Edit:

$(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:

, чтобы получить секретный, сервер, фермы идентификатор из значения

использование

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

Посмотрите http://justcats.applicate.de и посмотреть исходный код страницы, чтобы увидеть, как это работает основная линия является:

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

Добавить некоторые выдержки из ссылки и попытайтесь уточнить свой ответ. –