ajax 从js中获取json

AJAX（Asynchronous JavaScript and XML）是一种用于创建动态 Web 应用程序的技术。它允许 Web 应用程序更新部分页面而不必刷新整个页面。

通过 AJAX 技术，我们可以在不重新加载整个页面的情况下获取和显示数据。一种常见的使用情况是从服务器请求 JSON 数据。我们可以使用 JavaScript 从服务器端获取 JSON 数据。

// 创建 XMLHttpRequest 对象
var xmlhttp = new XMLHttpRequest();

// 设置请求方式和 URL
xmlhttp.open("GET","example.json",true);

// 发送请求
xmlhttp.send();

// 监听请求状态改变事件
xmlhttp.onreadystatechange = function() {
    // 判断请求是否完成并成功返回
    if (this.readyState == 4 && this.status == 200) {
        // 解析 JSON 数据
        var response = JSON.parse(this.responseText);
        // 处理数据
        console.log(response);
    }
};

以上代码使用 XMLHttpRequest 对象向服务器发送 GET 请求，并在请求状态改变时处理返回的 JSON 数据。在状态值为 4（请求已完成）且状态码为 200（请求成功）时，我们调用 JSON.parse() 函数解析返回的字符串为 JSON 对象，并使用该对象处理数据。

AJAX 技术使得 Web 应用程序可以快速响应用户输入和动态更新页面，而 JSON 数据格式在前端开发中也扮演着重要的角色。AJAX 获取 JSON 数据已成为现代 Web 开发中不可忽略的技术之一。