Json Nedir?
Açılımı Javascript Object Notation olan Json, temelde Javascript uygulamaları için yapılmış bir veri formatıdır. Ama sadece Javascript'de değil başka sitelerden veri çekerek (günlük hava durumu verileri vb.) birçok yazılım geliştirmede de kullanılmaktadır. Json, XML veri formatına göre veri aktarımlarında daha az yer kaplaması sebebiyle daha çok tercih edilmektedir. Json formatı daha çok Css formatına benzemektedir.. Css gibi Json formatında sadece Json için kodlar yazılabiliyorken php içinde de Json kodları kullanabiliyoruz.
Json Veri Formatı
Json verileri key (anahtar), value (değişken) olarak iki temel parçadan oluşmaktadır. Key kısmına Değişkenin ismi, value kısmına ise değişkenin değeri tanımlanır. value, adı üstünde değişken olduğu için sürekli değiştirilebilir. Bu Key ve value değerleri string türünde tanılanır. O yüzden herhangi bir rakam girildiğinde int türünde olmayacaktır. Bu da matematiksel işlem yapamayacağınız anlamına gelir. Key ve value değerlerinin kullanımını örneklerle zengileştirelim.
Kod:
[COLOR="White"][B]{
"NICK" : "CH4M3",
"FORUM" : "THT",
"SEHIR" : "Makedonya"
}[/B][/COLOR]
Örnekte gördüğünüz Json dizisinde 3 adet key-value değeri bulunmaktadır."NICK" anahtarına "CH4M3" değeri, "FORUM" anahtarına "THT" değeri, "SEHIR" anahtarına ise "Makedonya" değeri atadık. Peki sadece 2-3 tane mi key-value değeri atayabiliyoruz? Hayır, sınırsız istediğiniz kadar key-value değeri atayabilirsiniz. Key ve Value değerlerini atarken tırnak içinde yazmalıyız. Her Key:Value değerlerinden sonra virgül kullanarak Key:Value değerlerinin karışmamasını sağlarız.
1- Json Array (Dizi) Yapısı
Json Array Yapısında "Key" : "Value" şeklinde değil, sadece "Value" değeri gireriz. Süslü parantezler ( { } ) yerine ise köşeli parantezler ( [ ] ) kullanırız. Peki bu yapı tam olarak ne işimize yarayacak derseniz, bir anahtara birden fazla değer atamak istediğinizde kullanabilirsiniz. Şimdi örnekler ille daha iyi anlayacaksınız.
Kod:
[COLOR="White"][B]{
"Nick" : "CH4M3"
"Şehir" : "Makedonya"
"Tarih" : "24.06.2018" [COLOR="SeaGreen"]//gg.aa.yy şeklinde yaptım.[/COLOR]
"Arkadaşlar" : [ "CyberXhackk", "4UROR4", "R4V3N", "M4K4R", "Ceys", "Baysal" ]
}
[/B][/COLOR]
Gördüğünüz gibi "Arkadaşlar" Anahtarına Json Array Yapısı sayesinde birden fazla değer atayabildik.
1- Json Object (Dizi) Yapısı
Json Object Yapısı ise normal olarak ilk örnekteki gibi Key:Value ikilisi şeklinde süslü parantezler içinde yazılır.
Kod:
[COLOR="White"][B]{
"NICK" : "CH4M3",
"FORUM" : "THT",
"SEHIR" : "Makedonya"
}[/B][/COLOR]
JSON.Parse()
Diyelim ki biz aşağıdaki kodlarını Javascript nesnesine dönüştürmek istiyoruz. Peki bunu nasıl yapacağız diyorsanız JSON.Parse() komutu işinize çok yarayacaktır.
Eğer bu kodları Javascript nesnesine dönüştürmek istiyorsanız aşağıdaki örnekte yapıldığı gibi yapmalısınız:
Şimdi JavaScript nesnesini sayfamızda nasıl kullanacağımıza bakalım.
Çıktısı da aşağıdaki gibi olacaktır.
Kod:
[COLOR="White"][B]{
"Nick" : "CH4M3",
"Yaş" : "8",
"Şehir" : "Makedonya"
}[/B][/COLOR]
Eğer bu kodları Javascript nesnesine dönüştürmek istiyorsanız aşağıdaki örnekte yapıldığı gibi yapmalısınız:
Kod:
[COLOR="White"]var obj = JSON.parse('{ "Nick":"CH4M3", "Yaş":8, "Şehir":"Makedonya"}');[/COLOR]
Şimdi JavaScript nesnesini sayfamızda nasıl kullanacağımıza bakalım.
<p id="thtdeneme"></p>
<script>
var obj = JSON.parse('{ "Nick":"CH4M3", "Yaş":8, "Şehir":"Makedonya"}'); //Yukarıdaki kodlarımızı script arasında tanımlamamız gerek
doc ument.getElementById("thtdeneme").innerHTML = obj.name + ", " + obj.age; //doc ument ayrı yazdım sansürlendiği için
</script>
Çıktısı da aşağıdaki gibi olacaktır.
Kod:
[B][COLOR="White"]John, 30[/COLOR][/B]
Son düzenleme:



