AJax ilk kullanilmaya baslandigi yillarda Xml ‘lin gücünden bol bol faydalanacagi düsünülmüstü fakat Xml ‘lin javaScript ile parse edilmesi zor ve zahmetli oldugundan yeni cözümler düsünüldü ve sonunda Json yani orjinal acili ile ( JavaScript Object Notation) biz programcilara sunuldu.

Json ‘nu Xml ‘le alternatif olarak düsünebilirsiniz. Her ne kadar Ajax uygulamalarinda Xml hala kullanilsa veya kullanilmaya devam etsede hemen hemen ayni isleri  Json ile de cok daha bir sekilde yapabiliriz.  Json javaScript ‘in alt kümesi olduğu için Xml ‘den çok daha hızlı bir şekilde calistigini göreceksiniz. Ayrıca bir diger avantaji ise Json ile biçimlendirdiğiniz bir veri kümesini Xml ‘le kiyasla daha az yer kaplamasidir.

Json ‘nun ne oldugunu konusunda bir fikir sahibi oldunuzu düsünerek birazda uygulama yapalim.

{
“isim”: “Hüseyin Kocak”,
“yasi”: 30,
“calisiyor”: true
}

Örnektende anyacaginiz üzere, Json ‘da nesneler Parantez ( {   } ) isareti ile baslar ve biter. Bunu Css ‘ye benzetebilirsiniz. Ayrica degisken isimleri cifttirnak ( “ ) isaretleri arasina yazilir, deger ile aralarina iki nokta üst üste ( : ) ve son olarak veriler virgül ( , ) isareti ile ayrilir.

Veri Cesitleri ;

Json ile 4 cesit veri olusturmaniz mümkündür bunlar;

• yazi (string)    –> cift tirnak ( ” ) icerisinde yazilirlar
• Sayi (Number)
• true – False –> dogru veya yanlis (boolean)
• null

Yukaridaki örnekte ilk üc degisken türünü görebilirsiniz. Örnekte yer almayan null ise bir gdegere sahip olmadigi durumlarda kullanilir.

simdi yukaridaki örnegimize baska nesnelerde ekleyelim;

{
"elemanlar":[
{
"isim" : "Hüseyin Kocak",
"yasi" : 30,
"calisiyor" : true
},
{
"isim":"Ergin Baltaci",
"yasi" : 27,
"calisiyor" : false
},
{
"isim":"Ali Gündüz",
"yasi": 29,
"calisiyor": true
}
]
}

Gördügünüz gibi köseli paranteler ( [  ] ) icerinde diger nesneleri tanimliyoruz. Bir sonraki derste Json ‘da dizi (array) islemleri adli baslikta bu konu hakkinda daha fazla fikir sahibi olacaginizi düsünüyorum.

Simdi yukaridaki son örnegimizi Xml ile yapmis olsaydik, nasil bir yol izlecektik ve ne gibi ajavantaj veya dezavantajlarimiz olurdu bir göz atalim ;

<elemanlar>
    <eleman>
        <isim>Hüseyin Kocak</isim>
        <yasi>30</yasi>
        <calisiyor>true</calisiyor>
    </eleman>
    <eleman>
        <isim>Ergin Baltaci</isim>
        <yasi>27</yasi>
        <calisiyor>false</calisiyor>
    </eleman>
    <eleman>
        <isim>Ali Gündüz</isim>
        <yasi>29</yasi>
        <calisiyor>true</calisiyor>
    </eleman>
</elemanlar> 

Gördügünüz bircok Tag acip kapamak zorunda kaliyoruz ayrica her iki örnegide text olarak kaydederseniz Json ile yazilmis kodumuzun cok daha az yer kapladigini göreceksiniz bunu binlerce nesne yüklü bir dosya oldugunu düsünürsek aradaki fark cok daha belirgin bir sekilde acilacaktir. Fakat yukarida belirttigim gibi Json ‘un en büyük avantaji javaScript ‘in bir alt kümesi olduğu için Ajax uygulamalarınızda cok daha kolaylıkla kullanabilmemiz ve Xml gibi parse edilmesine gerek yoktur. Bir diger avantaji ise Json ‘u Html veya hangi programlama diline kullaniyorsaniz direk kodlariniz icerisine yerlestirip bir değişkene set ederek kullanabilirsiniz.

Json Php, Asp, .Net, Python, ColdFusion, java, vb.. tüm programlama dillerinde kullanilabilir.

Bir sonraki dersimizde Json ‘da dizi (array ) islemlerini anlattiktan sonra Json ‘nu nasil kodumuz icerisinde nasil kullanacagimizi ve Ajax uygulamalarinda ne tip görevler veregimizi örneklerle anlatmaya devam edecegim.

Comments