javascript ile etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
javascript ile etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

19 Mart 2016 Cumartesi

Json dosyasını javascript ile okutmak | read json file with javascript


function loadJSON(file, callback) {  
    var xobj = new XMLHttpRequest();
    xobj.overrideMimeType("application/json");
    xobj.open('GET', file, true);
    xobj.onreadystatechange = function () {
          if (xobj.readyState == 4 && xobj.status == "200") {
            callback(xobj.responseText);
          }
    };
    xobj.send(null); 
}


function load() {
    loadJSON("datas.json", function(response) {
        var obj = JSON.parse(response);
        alert(obj.data[0].name);

    });
}


öncelikle load() fonksiyonun çağırıyoruz. Bu fonksiyon json dosyasının okunması için loadJSON fonskiyonunu çağırmaktadır. loadJSON fonskiyonunu çağırırken json dosyamızın adını parametre olarak yazıyoruz. dosyanın içeriği bize response olarak dönüyor. Dönen içeriği parse ediyoruz ve artık json verilerimize obj.data[id] ile istediğimiz gibi ulaşabiliyoruz.