微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax 加载本地json

AJAX是一种基于JavaScript和XML的技术,可以通过异步的方式发送HTTP请求,从而动态地更新网页内容而不需要整个网页重新加载。而要实现AJAX加载本地JSON数据,可以按如下步骤进行:

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

loadJSON(function(response) {
      var actual_JSON = JSON.parse(response);
      console.log(actual_JSON);
 });

ajax 加载本地json

以上代码中,我们创建了一个名为loadJSON()的函数,该函数中首先创建一个XMLHttpRequest对象,然后指定要获取的数据类型是JSON,并以异步方式发送一个GET请求至本地data.json文件。我们还添加一个状态检查,以确保在请求成功时触发回调函数。最后,我们将JSON字符串解析为对象。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐