ajax 下载json文件

AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个页面的情况下，通过后台获取数据并更新页面的技术。

在 AJAX 中，我们可以使用 XMLHttpRequest 对象向服务器发送请求，并将响应存储为 JSON 文件格式。下面是一个使用 AJAX 下载 JSON 文件的例子：

var xhr = new XMLHttpRequest(); // 创建 XMLHttpRequest 对象
xhr.overrideMimeType("application/json"); // 指定要下载的文件类型为 JSON
xhr.open("GET","example.json",true); // 打开与服务器的连接
xhr.onreadystatechange = function () { // 监听状态改变事件
    if (xhr.readyState === 4 && xhr.status === 200) {
        var data = JSON.parse(xhr.responseText); // 将 JSON 文件转换为 JavaScript 对象
        console.log(data); // 打印数据
    }
};
xhr.send(); // 发送请求

在上面的代码中，我们使用了 XMLHttpRequest 对象的一些常见方法和属性：

• XMLHttpRequest(): 创建 XMLHTTPRequest 对象

• overrideMimeType("application/json"): 指定下载文件的类型为 JSON

• open("GET",true): 打开与服务器的连接，发送 GET 请求，请求地址为 example.json，最后一个参数为指定 AJAX 是否异步执行

• onreadystatechange: 监听状态改变事件

• readyState === 4: 请求已完成

• status === 200: HTTP 响应已成功

• JSON.parse(): 将 JSON 文件转换为 JavaScript 对象

• xhr.send(): 发送请求

总之，AJAX 是一种非常有用的技术，可以帮助我们在不重新加载整个页面的情况下更新页面内容。通过下载 JSON 文件并转换为 JavaScript 对象，我们可以很容易地处理和使用数据。