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字符串解析为对象。