ajax2json

AJAX（Asynchronous JavaScript and XML）指的是通过 JavaScript 在不需要刷新整个页面的情况下，异步交换数据并更新部分页面内容的技术。 在使用 AJAX 技术开发 Web 应用程序时， JSON 格式（JavaScript Object Notation）常用于一些 AJAX 调用中的数据交换。 AJAX 调用后端接口时，通常会返回 JSON 格式的数据，前端通过解析该 JSON 数据来实现页面的更新。

在 AJAX 请求前，需要定义 XMLHttpRequest 对象作为 AJAX 请求的载体。在后台处理完 AJAX 请求后，将 AJAX 请求返回的结果以 JSON 格式返回。

function loadJSON(url,callback) {   
    var xhr = new XMLHttpRequest();
    xhr.open('GET',url,true);
    xhr.responseType = 'json';
    xhr.onload = function() {
        var status = xhr.status;
        if (status === 200) {
            callback(null,xhr.response);
        } else {
            callback(status,xhr.response);
        }
    };
    xhr.send();
}

loadJSON('http://example.com/data.json',function(err,data) {
    if (err !== null) {
        console.log(err);
    } else {
        console.log(data);
    }
});

在上述代码中，使用 XMLHttpRequest 构建了一个 AJAX 请求，用于获取 http://example.com/data.json 服务器上存储的 JSON 数据。在请求得到响应后，onload 回调函数将被调用。如果状态码为200，响应数据将被以JSON格式返回；否则，将返回错误。

最近，随着 JavaScript 库和框架的发展，通过 AJAX 与后端进行数据交换，已经变得越来越方便。其中，通过 fetch API 操作 JSON 数据，可以减少使用 XMLHttpRequest 函数的复杂度，有助于在 JavaScript中处理 JSON 数据。总结

fetch('http://example.com/data.json')
    .then(response => response.json())
    .then(data => console.log(data));

上述代码使用 fetch 方法获取 JSON 数据并将其解析成数组，由此可见，使用 fetch 简单明了。