ajax url json文件下载

AJAX技术可以让网页实现异步加载数据，提升用户体验，其中一个重要的应用场景就是通过ajax请求下载JSON格式的文件。

使用ajax下载JSON文件，需要先指定JSON文件的URL地址：

let jsonUrl = 'https://example.com/data.json';

然后使用ajax发送请求：

let xhr = new XMLHttpRequest();
xhr.open('GET',jsonUrl,true);
xhr.send();

通过监听ajax的请求状态改变事件，可以判断文件是否下载完成：

xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
        if (xhr.status == 200) {
            let jsonData = JSON.parse(xhr.responseText);
            // 在成功下载并解析JSON文件之后，就可以对文件中的数据进行操作了
        } else {
            console.error('下载JSON文件失败：' + xhr.status);
        }
    }
};

以上代码中，xhr.readyState的变化包括四个不同的值：

• 0：未初始化，即未调用open()方法
• 1：已打开，即已调用open()方法，但未调用send()方法
• 2：已发送，即已调用send()方法，但未接收到服务器的响应
• 3：正在接收响应数据
• 4：接收完成

xhr.status则表示HTTP请求的状态码，其中200表示成功响应。

注意，ajax请求下载JSON文件的URL地址必须与当前网页同源，否则会触发浏览器的安全限制导致请求失败。