jquery - JQueryとajaxによるJSON解析

Question

私は JQuery の初心者で、jQuery スクリプトを記述して URL への ajax 呼び出しを行いたいと考えています。

http://api.flickr.com/services/feeds/photos_public.gne?tags=falls&tagmode=any&format=json&jsoncallback= ?

最初に読んだ5件のタイトルとリンクを表示したい。

Answer 1

jQuery のgetJSON関数を使用すると、JSON が自動的に解析されます。それらをどのように表示するかはあなた次第です。例えば：

$.getJSON('http://api.flickr.com/services/feeds/photos_public.gne?tags=falls&tagmode=any&format=json&jsoncallback=?',
    function (data) {
        var i;
        for (i=0; i < 5; i++) {
            $('<a href="' + data.items[i].link + '">' +  data.items[i].title + '</a><br>').appendTo(document.body);
        }
    }
);

より多くのリンクを表示している場合、または単なるリンク以上のものを表示している場合は、テンプレート化を検討することをお勧めします。