ajax加载本地json

AJAX 是一种用于创建快速动态的 Web 应用程序的浏览器端技术。它可以使网页在不刷新的情况下更新内容。通过 AJAX，网页可以通过 JavaScript 从服务器读取数据，而无需重新加载整个页面。在本文中，我们将讨论如何使用 AJAX 加载本地 JSON。

// AJAX 请求
function loadJSON(callback) {
    var xobj = new XMLHttpRequest();
    xobj.overrideMimeType("application/json");
    xobj.open('GET','json/data.json',true);
    xobj.onreadystatechange = function() {
        if (xobj.readyState == 4 && xobj.status == "200") {
            // 在这里处理响应
            callback(xobj.responseText);
        }
    };
    xobj.send(null);
}

// 处理请求的响应
loadJSON(function(response) {
    var data = JSON.parse(response);
    // 在这里处理数据
    console.log(data);
});

上面的代码片段是一个典型的 AJAX 请求，它使用 XMLHttpRequest 对象向服务器请求一个名为 data.json 的文件。该请求是通过回调函数执行的，这个函数在接收到响应时被调用。在此函数中，我们可以将响应文本转换为 JSON 格式，并在我们喜欢的方式下处理数据。

除此之外，还有许多其他方法可以从本地加载 JSON 文件。例如，您可以使用 jQuery 的 AJAX 方法或 AngularJS 的 $http 服务。

总之，AJAX 是一个非常有用的技术，可以帮助我们在不刷新页面的情况下更新内容，并创建更具交互性和动态性的 Web 应用程序。本文提供了一种使用 AJAX 加载本地 JSON 的简单方法。