【Ajax】笔记-取消请求

在Ajax中，可以使用XMLHttpRequest对象的abort方法来取消或者停止当前的请求。以下是一个简单的示例代码：

// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
 
// 初始化一个请求
xhr.open('GET', 'your-url-here', true);
 
// 设置请求完成的处理函数
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    try {
      if (xhr.status === 200) {
        // 请求成功
        console.log(xhr.responseText);
      } else {
        // 请求出错
        console.error('An error occurred during the request: ' + xhr.statusText);
      }
    } catch (e) {
      console.error('Error processing the request: ' + e.message);
    }
  }
};
 
// 发送请求
xhr.send();
 
// 假设在某个条件下，你想取消请求
if (someCondition) {
  xhr.abort();
}

在这个例子中，我们首先创建了一个XMLHttpRequest对象，然后初始化了一个请求，并设置了请求完成时的回调函数。在请求发送后，我们检查某些条件，并在满足条件时调用xhr.abort()来取消请求。这样做可以避免响应的处理和相应的数据使用，特别是当请求已经不再需要时。