AJAX-笔记

AJAX（Asynchronous JavaScript and XML）是一种创建交互式网页的技术，可以使网页的部分内容能够异步更新，而不是重新加载整个页面。

以下是使用AJAX技术的基本步骤：

1. 创建一个新的XMLHttpRequest对象。
2. 设置请求的参数（HTTP方法，URL，是否异步）。
3. 设置回调函数，以便在服务器响应就绪时处理响应。
4. 发送请求。

示例代码：

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 设置请求参数
xhr.open('GET', 'your-api-endpoint', true);
 
// 设置回调函数
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    // 请求成功，处理响应
    var response = xhr.responseText;
    console.log(response);
    // 更新页面内容
    document.getElementById('your-element-id').innerHTML = response;
  }
};
 
// 发送请求
xhr.send();

这个例子中，我们创建了一个AJAX请求去获取一个API端点的数据，然后在请求成功完成时，我们更新了页面上指定ID的元素内容。