1

クラスの割り当てのために、ユーザーがちらつきを検索し、検索に基づいて10の結果を表示できるようにする単純なHTMLドキュメントを作成しようとしています。

検索用の URL を作成しましたが、問題なく動作しているようです: http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor&api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10

タグ「thor」に基づいて情報を要求し、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);
        });
    })
});

これは機能していません。最大の問題は、firebug でエラーが発生しないため、どこが間違っているのかわからないことです。写真付き身分証明書を手に入れることができたら最高です。残りはできれば自力で解決したい。

編集:これをMAMPで実行しているので、url localhost/example.htmlを使用しています

Tamil Selvan さん、ありがとうございます。あなたのコードにより、value.id を取得できました。他のデータ (value.server、value.farm、value.secret) を取得しようとすると、値が「未定義」になる理由はありますか?

私の新しいコード...

         $(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>");
             });
             });
             });
4

2 に答える 2