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); });
以上代码中,我们创建了一个名为loadJSON()的函数,该函数中首先创建一个XMLHttpRequest对象,然后指定要获取的数据类型是JSON,并以异步方式发送一个GET请求至本地data.json文件。我们还添加了一个状态检查,以确保在请求成功时触发回调函数。最后,我们将JSON字符串解析为对象。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。