Jquery ile Json üzerinden Flickr’dan Photoset listesini çekme.

Bu işlemi XML ile de yapabilirsiniz. Ancak XML ile veri çekmede bazı tarayıcıların sorun çıkardığı bilinmektedir.

Bu işlemde çekilen veri özünde şöyledir:

{ "photosets": { 
    "photoset": [
      { "id": "72157615225362287", "primary": "3355353579", "secret": "79b90d42b4", "server": "3642", "farm": 4, "photos": 8, "videos": 0, 
        "title": { "_content": "Savacık (Hevşersork) Köyü" }, 
        "description": { "_content": "" }, "needs_interstitial": 0, "visibility_can_see_set": 1, "view_count": 8, "comment_count": 0, "date_create": "1237109725", "date_update": "1298974785" },
      { "id": "72157615289368888", "primary": "3356124028", "secret": "2c4c06b945", "server": "3619", "farm": 4, "photos": 1, "videos": 0, 
        "title": { "_content": "Gürpınardan İnsanlar" }, 
        "description": { "_content": "" }, "needs_interstitial": 0, "visibility_can_see_set": 1, "view_count": 5, "comment_count": 0, "date_create": "1237107447", "date_update": "1305634356" },
      { "id": "72157615087527889", "primary": "3350386990", "secret": "4fc9419811", "server": "3647", "farm": 4, "photos": 4, "videos": 0, 
        "title": { "_content": "Gürpınar Belediyesince Satın Alınan Araçlar ile yaptırılan 5 adet dükkan ve 1 adet çok amaçlı salonun açılışı" }, 
        "description": { "_content": "" }, "needs_interstitial": 0, "visibility_can_see_set": 1, "view_count": 1, "comment_count": 0, "date_create": "1236900177", "date_update": "1305634064" },
      { "id": "72157615062626426", "primary": "3344160160", "secret": "194d724526", "server": "3398", "farm": 4, "photos": 43, "videos": 0, 
        "title": { "_content": "Gürpınar Tutak(Çalyan) Köyü" }, 
        "description": { "_content": "" }, "needs_interstitial": 0, "visibility_can_see_set": 1, "view_count": 2, "comment_count": 0, "date_create": "1236686529", "date_update": "1305634026" },
      { "id": "72157615038911590", "primary": "3341951173", "secret": "8af2f20618", "server": "3330", "farm": 4, "photos": 31, "videos": 0, 
        "title": { "_content": "Gürpınar Fotoğrafları Genel" }, 
        "description": { "_content": "Gürpınar'In çeşitli yerlerinden çekilmiş fotoğraflar" }, "needs_interstitial": 0, "visibility_can_see_set": 1, "view_count": 13, "comment_count": 0, "date_create": "1236639146", "date_update": "1305633976" },
      { "id": "72157614966885463", "primary": "3201754828", "secret": "f159edc278", "server": "3510", "farm": 4, "photos": 7, "videos": 0, 
        "title": { "_content": "Mustafa Çalağan Sergisi" }, 
        "description": { "_content": "" }, "needs_interstitial": 0, "visibility_can_see_set": 1, "view_count": 19, "comment_count": 0, "date_create": "1236636591", "date_update": "1300373248" },
      { "id": "72157612270581407", "primary": "3178927303", "secret": "15f09018ce", "server": "3381", "farm": 4, "photos": 1, "videos": 0, 
        "title": { "_content": "HAVASOR.COM" }, 
        "description": { "_content": "" }, "needs_interstitial": 0, "visibility_can_see_set": 1, "view_count": 2, "comment_count": 0, "date_create": "1231419763", "date_update": "1305629237" }
    ] }, "stat": "ok" }

 

Bu veriyi okumak için bu verilerin bulunduğu url kullanarak verileri çekiyoruz. Daha sonra each fonksiyonu ile başlık değerlerini teker teker tt değişkenimize atıyoruz.

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="http://www.google.com/jsapi">
        </script>
        <script type="text/javascript">
            google.load("jquery", "1.4.2");
        </script>
        <script type="text/javascript">
            $(document).ready(function(){

                $.ajax({
                    type: 'GET',
                    url: "http://api.flickr.com/services/rest/?method=flickr.photosets.getList&api_key=8e0046057d82d0d918f461384718f101&user_id=8623603%40N06&format=json&nojsoncallback=1",
                    dataType: "json",
                    success: function(jsondata){

                        $.each((jsondata.photosets.photoset), function(i,set){
							var tt=set.title._content
                            $("body").append(tt+"<br>")
                        });

                    }
                });

            });
        </script>
    </head>
    <body>
    </body>
</html>