Google Fan Webmaster Forumu

Geri git   Google Fan Webmaster Forumu > Client side Programlama > Javascript Programlama > DOM and JSON scripting

Seçenekler Stil
  #1  
Okunmamış 06.05.2014, 19:39
 
Antalya Şubesi
Mesajlar: 112
Konular: 112
Ticaret Sayısı: (0)
Aktiflik: 0 / 215
Standart JSON Nedir ?

JSON kelime anlamı olarak JavaScript Object Notation manasına gelmektedir.

Yapı olarak XML e çok benzeyen JSON tipinin ana amacı veri alış verişi yaparken daha küçük boyutlarda veri alıp göndermektir. Ayrıca kullanımı da çok kolaydır.

XML ve JSON karşılaştırması için bir örnek verelim. Bunun için Müşteri datalarını tuttuğumuzu varsayalım.

XML Örneği

Kod:
<musteriler>
02
    <musteri>
03
        <kod>120.01.001</kod>
04
        <ad>Microsoft</ad>
05
        <unvan>Microsoft AŞ.</unvan>
06
    </musteri>
07
    <musteri>
08
        <kod>120.01.002</kod>
09
        <ad>Google</ad>
10
        <unvan>Google AŞ.</unvan>
11
    </musteri>
12
    <musteri>
13
        <kod>120.01.003</kod>
14
        <ad>Yahoo</ad>
15
        <unvan>Yahoo AŞ.</unvan>
16
    </musteri>
17
    <musteri>
18
        <kod>120.01.004</kod>
19
        <ad>Apple</ad>
20
        <unvan>Apple AŞ.</unvan>
21
    </musteri>
22
</musteriler>
Şimdide bunu JSON ile ifade edelim.

Kod:
01
{musteriler:[
02
    {
03
       "kod":"120.01.001",
04
       "ad"="Microsoft",
05
       "unvan"="Microsoft AŞ",
06
    }
07
    {
08
       "kod":"120.01.002",
09
       "ad"="Google",
10
       "unvan"="Google AŞ",
11
    }
12
    {
13
       "kod":"120.01.003",
14
       "ad"="Yahoo",
15
       "unvan"="Yahoo AŞ",
16
    }
17
    {
18
       "kod":"120.01.004",
19
       "ad"="Apple",
20
       "unvan"="Apple AŞ",
21
    }
22
]}
Gördüğünüz üzere kodumuz oldukça azaldı ve yazması-okumasıda kolaylaştı.

Böyle 3-5 elemanlı örneklerde per bir performans göremesenizde 1000-2000 elemanlı örneklerde performans oldukça farkedecektir.

JSON un JQuery de kullanımıda çok basittir. Bununla alaklı bir örnek verip yazımızı noktalayalım.

JQuery nin kendi sitesinde verdiği örneği verip açıklamasını yapacağım.

Kod:
01
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
02
        function(data){
03
               //dönen datadaki her bir eleman için...
04
               $.each(data.items, function(i,item){
05
                   //elamanın media değerini alarak bir jpg oluştur
06
                   $("<img/>").attr("src", item.media.m).appendTo("#images");
07
                   //sadece ilk 4 kaydı getir
08
                   if ( i == 3 ) return false;
09
          });
10
});
Bu örnek kod flickr sitesinde ki cat kategorisine gönderilmiş son 4 resmi JSON kullanarak getirmekte.
Alıntı ile Cevapla

Reklam
Cevapla

Tag Ekle
json, nedir

« - | - »

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil



İçerik sağlayıcı paylaşım sitelerinden biri olan TurkWebmasterlar.Com WebMaster Forum Adresimizde T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur. TurkWebmasterlar.Com hakkında yapılacak tüm hukuksal Şikayetler buradan iletişime geçilmesi halinde ilgili kanunlar ve yönetmelikler çerçevesinde en geç 1 (Bir) Hafta içerisinde TurkWebmasterlar.Com yönetimi olarak tarafımızdan gereken işlemler yapılacak ve Avukatlarımız size dönüş yapacaktır.