JavaScript ile JSON İşlemleri

JavaScript ile JSON tipinde dosyalarda ayrıştırma işlemlerini ele alalım.

Gün geçtikçe farklı metodlar, yöntemler talep görmekte. Uzun süredir bu talebi karşılayan teknolojilerden birisi de JSON. Kısaca şöyle diyebiliriz. Örneğin bir ajax işleminin neticesinde tek bir sonuç yerine birden fazla sonuç gösterimi sağlayan metodolojidir. Biraz eskilerden örnek verecek olursak, var sonuc = "basarili" şeklinde bir ajax sonucuna göre işlemler yapmaya çalışıyorduk. JSON bu noktada yardıma yetişerek, var sonuc="basarili", var eklenen_id="145" şeklinde birden fazla değerleri bize yollayarak işi uzatmadan daha makul işler ortaya çıkarabilmekteyiz. Çok fazla uzatmadan JSON örnekleriyle neyi elde etmek istediğimizi aktarmaya çalışacağız. Örnek bir JSON dosyasını inceleyelim.
Örnek JSON
[
    {"sehir_adi":"Adana", "plaka_no":"01"},
    {"sehir_adi":"Adıyaman", "plaka_no":"02"},
    {"sehir_adi":"Afyon", "plaka_no":"03"},
    {"sehir_adi":"Ağrı", "plaka_no":"04"},
    {"sehir_adi":"Amasya", "plaka_no":"05"},
    {"sehir_adi":"Ankara", "plaka_no":"06"},
    {"sehir_adi":"Antalya", "plaka_no":"07"}
]

JSON dosyasını satır satır okumak için her bir satırdaki değerleri almamız gerekmektedir. sehir_adi ve plaka_no değişkenleri alıp onlara karşılık gelen değerleri ekrana yazdıralım.
jQuery Betiklerimiz
function fnJSON()
{
    jQuery.ajax
    ({
        type: 'POST',
        url: 'ornekjsondosyasi.json',
        cache: false,
        dataType: 'JSON',
        contentType: "application/json; charset=utf-8",
        success: function (strJSON) {
            var strSehirler = "";
            jQuery.each(strJSON, function (a, b) {
                strSehirler += b.sehir_adi + " - " + b.plaka_no + "<br />";
            });
            jQuery(".json-sonuc-div").html(strSehirler);
        }
    });
}

HTML Betikleri
<button onclick="javascript:return fnJSON();">Tıkla</button>  
<div class="json-sonuc-div"></div>
Örnek

Yorumlar

Henüz hiçbir yorum yazılmamış. İlk yorumu siz yapın.

Yorum Yaz

Avatar

REKLAM

DDos Koruma, Botnet Koruma, Layer 7 Saldırı koruması, Sanal sunucu, Vds sunucu

REKLAM

Çizgi Filmler

EN

  • Popüler
  • Yeni
  • Son Yorum