jQuery ile JSON dosyalarını okumamız $.getJSON() metoduyla mümkündür.Bu fonksiyon JSON formatlı bir dosyadan verileri çekmemizi sağlar.Önce JSON nedir kısaca açıklayalım.
JSON(JavaScript Object Notatiton),XML yapısına alternatif olarak geliştirilmiştir.Hem okunabilirlik bakımından hem boyut bakımından hem de hız bakımından XML’e göre üstünlük sağlamaktadır.AJAX verilerinin ortaya çıkması ile XML ile verilere ulaşmak işkence haline gelmişti.Neyseki Douglas Crockford abimiz JSON notasyonunu geliştirdi ve bizleri bu işkenceden kurtardı.JSON key/value(anahtar/değer) şeklinde çalışır ve bu şekilde verilerin transferini oldukça hızlı yapar.Birçok dil JSON formatını destekler.Örneğin C++,C#,Java,Javascript,Perl,Phyton,PHP…
Şimdi jQuery’de JSON formatlı veri okumak nasıl oluyormuş onu görelim.JSON formatlı verinin notasyon kuralları belki ayrı bir yazının konusu şuanda ona çok değinmeyip sadece $.getJSON() fonksiyonunun çalışma mantığını inceleyelim.
|
1 2 3 4 5 6 7 |
{ "name": "Emre", "surname": "Kose", "age" : "22", "university" : "Sakarya uni", "link": "https://www.emre-kose.net", } |
Elimizde böyle bir data.json dosyasının var olduğunu düşünelim.
Verilerimizi çekmek için aşağıdaki kodları çalıştıralım
|
1 2 3 4 5 6 7 |
$.getJSON("data.json",function(veri){ console.log("Ad : " + veri.name); console.log("Soyad : " + veri.surname); console.log("Yaş : " + veri.age); console.log("Üniversite : " + veri.university); console.log("Web Site : " + veri.link); }); |
şeklinde verilerin tümüne ulaştık.Gördüğünüz gibi $.getJSON() fonksiyonu 2 parametre aldı.İlk parametremiz dosyanın yolu,2.parametremizde callback fonksiyonu.
İşte bu kadar basit umarım faydalı olmuştur.Bir başka yazıda görüşmek üzere bol kodlu günler…
Now let s see how jQuery can help us load JSON-encoded data from a remote source. For the impatient among you, there s a demo towards the end of the article.