AJAX的知识汇总

AJAX（Asynchronous JavaScript and XML）技术通过在浏览器与服务器之间使用异步通信（HTTP 请求）更新网页数据，而不是整个页面刷新。以下是AJAX的一些关键概念和示例代码：

1. 创建 XMLHttpRequest 对象：

var xhr = new XMLHttpRequest();

2. 打开请求：

xhr.open('GET', 'your-endpoint-url', true);

3. 发送请求：

xhr.send();

4. 处理服务器响应：

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功
        var response = xhr.responseText;
        // 更新页面或使用返回的数据
    }
};

5. 示例：异步请求一个JSON数据并更新页面：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'your-json-endpoint', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var jsonResponse = JSON.parse(xhr.responseText);
        document.getElementById('your-element-id').innerHTML = jsonResponse.data;
    }
};
xhr.send();

AJAX 技术在现代网页开发中非常重要，它使得网页能够提供更加流畅和响应迅速的用户体验。