ajax解析回调的json

AJAX是一种用于创建动态网页的技术，它可以使一个网页不必重新加载整个页面就能获取新的数据。在AJAX中，通过发送HTTP请求并接收服务器响应，然后在当前页面中更新数据。而现在，在很多情况下，我们获取到的数据是以JSON格式返回的。那么，如何解析回调的JSON呢？下面我们来看看这个过程。

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

// 发送GET请求，请求数据格式为JSON
xhr.open("GET","http://www.example.com/getData",true);
xhr.send();

// 监听XMLHttpRequest对象的onreadystatechange事件
xhr.onreadystatechange = function() {
    // 判断请求是否完成
    if (xhr.readyState == 4) {
        // 判断服务器返回的状态码
        if (xhr.status == 200) {
            // 解析返回的JSON字符串
            var data = JSON.parse(xhr.responseText);
            // 处理解析后的数据
            console.log(data);
        } else {
            console.log("请求失败，错误码：" + xhr.status);
        }
    }
};

在以上代码中，我们使用了XMLHttpRequest对象来发送GET请求。然后，在XMLHttpRequest对象的onreadystatechange事件中监听请求的状态。当请求的状态发生变化时，会执行回调函数。在回调函数中，我们先判断请求是否已完成，然后再判断服务器返回的状态码。当状态码为200时，表示请求成功，我们则将返回的JSON字符串解析为JSON对象，然后进行处理。

在解析JSON时，我们使用了JavaScript内置的JSON对象的parse()方法。该方法类似于eval()函数，但是会检查解析的字符串是否符合JSON格式。如果解析成功，就返回一个表示解析结果的对象；否则，返回null。

解析后的JSON对象可以通过点号或中括号来访问其属性和值。例如，如果返回的JSON字符串为{"name":"Tom","age":18}，那么我们可以通过data.name或data["age"]来访问其属性和值。