Ajax学习笔记第4天

在Ajax学习笔记的第4天，我们将深入探讨Ajax的异步请求处理，以及如何使用JavaScript处理返回的数据。

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置请求类型、URL 以及是否异步处理
xhr.open('GET', 'https://api.example.com/data', true);
 
// 设置请求完成的回调函数
xhr.onreadystatechange = function () {
  // 请求完成并且响应状态码为200
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 处理请求成功的响应数据
      console.log(xhr.responseText);
    } else {
      // 处理请求失败
      console.error('请求失败，状态码：' + xhr.status);
    }
  }
};
 
// 发送请求
xhr.send();

在这段代码中，我们创建了一个新的XMLHttpRequest对象，并对其进行了配置，以发送一个GET请求到指定的URL。我们还设置了一个onreadystatechange事件处理函数，该函数会在请求的不同阶段进行调用，从而我们可以在请求完成时处理响应数据。如果请求成功，我们会在控制台输出响应的文本内容；如果请求失败，我们会输出错误信息。这是一个基本的Ajax请求处理流程，对于学习者来说是一个很好的起点。