ajax实现JSON数据交互

AJAX是现代Web应用程序的关键技术之一，它允许Web应用程序动态更新内容，无需重新加载整个页面。JSON是一种数据交换格式，它比XML更轻量级，易于解析。结合使用AJAX和JSON可以实现快速、灵活地管理数据的交互。

<code>var xhr = new XMLHttpRequest();  //创建XMLHttpRequest对象
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var response = JSON.parse(xhr.responseText);  //解析JSON数据
        //处理响应数据
    }
};
xhr.open('GET','example.json',true);  //打开请求
xhr.send();  //发送请求
</code>

使用XMLHttpRequest对象发送GET请求，可以向服务器请求JSON数据。上面的代码示例中，当响应的状态为4（即完成）并且状态码为200时，解析JSON数据并处理响应。

<code>var xhr = new XMLHttpRequest();  //创建XMLHttpRequest对象
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var response = JSON.parse(xhr.responseText);  //解析JSON数据
        //处理响应数据
    } else if (xhr.readyState === 4) {
        //处理错误
    }
};
xhr.open('GET',true);  //打开请求
xhr.send();  //发送请求
</code>

通过处理XMLHttpRequest对象的onreadystatechange事件，可以在错误状态下处理错误。例如，如果发生404错误，则响应的状态将为4，而状态码将为404。

总而言之，AJAX和JSON的结合使得Web应用程序能够更加灵活和交互，可以实现快速的数据交换，极大地提升了用户体验。