SEO (Arama Motoru Optimizasyonu) Mikro İnteraktif ÜCRETSİZ - Google Play'den İndirin

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: 'GET',
        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

Yorum Yaz

Avatar

REKLAM

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

REKLAM

En Yeni Çizgi Filmler, Masallar ve Etkinlikler

REKLAM

SEO-Arama Motoru Optimizasyonu Uygulaması

REKLAM

Hayvan Sesleri Uygulaması

REKLAM

Çocuk Etkinlikleri Uygulaması

EN

  • Popüler
  • Yeni
  • Son Yorum