zoukankan      html  css  js  c++  java
  • 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);
            }
        });

     

     

     

     

    
    
  • 相关阅读:
    HDU 4893 线段树
    Catalan数推导(转载)
    URAL 1992
    小乐乐吃糖豆
    排列组合问题总结
    G
    F
    C
    D
    B
  • 原文地址:https://www.cnblogs.com/byronvis/p/4732784.html
Copyright © 2011-2022 走看看