JSON
Faruk CAN
12/09/14
Lütfen web sitemi ziyaret etmeyi unutmayın.
Konular arasında ilerlemek için sağa,
Bir konu hakkında ayrıntı için aşağı,
doğru ilerlemeniz gerekir
Belge Sürümü : 1.00
Son Güncelleme: 12/9
JSON nedir?
-
JSON: JavaScript Object Notation.
- JSON veri depolama ve işleme için bir dil bilimdir.
- En yakın alternatifi XMLdir
{"Çalışanlar":[
{"ad":"Johny", "soyad":"Doe"},
{"ad":"Ahmet", "soyad":"Portakal"},
{"ad":"Peter", "soyad":"Pan"}
]}
<çalışanlar>
<çalışan>
<ad>Johny</ad> <soyad>Doe</soyad>
</çalışan>
<çalışan>
<ad>Ahmet</ad> <soyad>Portakal</soyad>
</çalışan>
<çalışan>
<ad>Peter</ad> <soyad>Pan</soyad>
</çalışan>
</çalışanlar>
JSON
XML
JSON/XML
ORTAK YÖNLER
- İkiside düz yazıdır.
- İnsanlar tarafından anlaşılabilirler.
- İkinsinde de değer içinde değer (hiyerarşi) vardır
- İkiside http isteklerinde kullanılabilir.
JSON/XML
FARKLI YÖNLER
- JSON tag ( </> ) kullanmaz
- JSON daha kısadır, daha az yer kaplar.
- JSON daha hızlı okunur ve yazılır.
- JSON Array(dizi) kullanabilir.
Kullanıldığı Yerler
- Javascript (Web siteleri)
- NodeJS
- MongoDB (Veri Tabanı)
- ve bir çok yer
JSON İmla Kuralları
- Her verinin ismi ve değeri vardır.
- Veri, tırnak(" ") işareti arasına alınır
- Süslü parantez ( { } )arasındaki veriler objeyi ifade eder.
- Kara parantez ( [ ] ) dizileri ifade eder.
JSON Değerleri
- Sayı : Tam veya Kesir
- Yazı
- Lojik : True / False
- Dizi : array
- Obje
- null : boş
Javascriptte Kullanım
<h2>Javascriptte JSON Nesnesi</h2>
<p id="deneme"></p>
<script>
var text = '{"ad":"Faruk CAN","adres":"istanbul","telefon":"555 1234567"}'
var obje = JSON.parse(text); // Bir yazıyı JSON dökümanına çeviren fonksiyon
document.getElementById("deneme").innerHTML =
obje.ad+ "<br>" +
obje.adres+ "<br>" +
obje.telefon;
</script>
2. Örnek
<h2>JSONdan nesne ve dizleri seçme</h2>
<p id="deneme"></p>
<script>
var text = '{"calisanlar":[' +
'{"ad":"Johny","soyad":"Doe" },' +
'{"ad":"Ahmet","soyad":"Portakal" },' +
'{"ad":"Peter","soyad":"Pan" }]}';
obj = JSON.parse(text);
document.getElementById("deneme").innerHTML =
obj.calisanlar[1].ad + " " + obj.calisanlar[1].soyad;
</script>
3. Örnek
eval ile nesneye çevirme
<h2>JSONdan nesne ve dizleri seçme</h2>
<p id="deneme"></p>
<script>
var text = '{"calisanlar":[' +
'{"ad":"Johny","soyad":"Doe" },' +
'{"ad":"Ahmet","soyad":"Portakal" },' +
'{"ad":"Peter","soyad":"Pan" }]}';
var obj = eval ("(" + text + ")");
document.getElementById("deneme").innerHTML =
obj.calisanlar[1].ad + " " + obj.calisanlar[1].soyad;
</script>
JSON Dersi
By Faruk CAN
JSON Dersi
- 5,919