异步请求，局部更新页面------Ajax

使用Ajax进行异步请求和局部更新页面的基本代码示例如下：

// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
 
// 配置请求类型、URL 以及是否异步处理
xhr.open('GET', 'your-api-endpoint', true);
 
// 设置请求完成的回调函数
xhr.onreadystatechange = function () {
  // 请求完成并且响应状态码为 200
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 获取服务器返回的数据
      var response = xhr.responseText;
 
      // 对返回的数据进行处理，例如更新页面的某个部分
      document.getElementById('your-element-id').innerHTML = response;
    } else {
      // 处理错误情况
      console.error('请求失败，状态码：' + xhr.status);
    }
  }
};
 
// 发送请求
xhr.send();

在这个例子中，我们创建了一个新的XMLHttpRequest对象，并对其进行了配置，以发送一个异步的GET请求到指定的API端点。当请求完成时，我们检查响应状态码，如果是200，则表示请求成功，然后我们更新页面中ID为your-element-id的元素的HTML内容。如果请求失败，我们在控制台输出错误信息。这是一个基本的Ajax请求和页面局部更新的例子。