js读取服务端json文件的方式——原生js，juqery，extjs

---

读取json文件只适合同源方式，即ajax方式。

读取json数据方式有多种，请求url必须是jsp，php等能够获取请求参数，返回响应的文件。

 

原生js实现

 

function ajaxRequest(type, url, callback) {

    var
            type = type,
            url = url,
            callback = callback;

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open(type,url, true);
    xmlhttp.send(null);
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4) {
            if (xmlhttp.status == 200) {
                callback(json_encode(xmlhttp.responseText))
            }
        }
    };
}

function json_encode(str) {
    json = JSON.parse(str);
    return json;
}


ajaxRequest('get','json/data.json',function(data){
    console.log(data);
});

 

jquery实现

 

 $.getJSON('http://localhost:8080/json/data.json',function(data){
       console.log(data);
    });

 $.ajax({
        url: 'json/data.json',
        success: function (result) {
            console.log(result);
        }
    });

 

 

Extjs实现

 

Ext.Ajax.request({
        url: 'json/data.json',
        method: 'GET',
        success: function (result) {
           console.log(result.responseText);
        },
        failure: function (response) {
            console.log(response.status);
        }
    });