【AJAX】异步JavaScript和XML

什么是AJAX

AJAX的全名是"Asynchronous JavaScript and XML"，即异步JavaScript和XML。是一种通过JavaScript和XML在浏览器与服务器间进行异步数据交互的技术。它可以在不刷新整个页面的情况下，局部更新页面内容，提高用户体验。

AJAX大致步骤

在代码中，使用AJAX主要通过XMLHttpRequest对象来实现。可以通过创建XMLHttpRequest对象，调用open()方法、send()方法发送请求，以及监听readyState和onreadystatechange事件来实现异步数据交互。

例如，以下是一个基本的AJAX请求示例：

var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象
xhr.onreadystatechange = function() { // 监听readyState和onreadystatechange事件
    if (xhr.readyState === 4 && xhr.status === 200) { // readyState为4表示请求完成，status为200表示请求成功
        console.log(xhr.responseText); // 输出响应内容
    }
};
xhr.open('GET', 'http://example.com/api', true); // 调用open()方法发送请求
xhr.send(); // 调用send()方法发送请求

哪些框架基于AJAX?

除了原生的XMLHttpRequest对象，还有许多基于AJAX开发的JavaScript库和框架，如

1. jQuery的$.ajax()方法
2. Vue.js的axios库
3. AngularJS的$http服务