极客教程AJAX 如何取消XMLHttpRequest
我们将使用 “abort() “方法来取消XMLHttpRequest。这将停止当前请求的继续执行。在未来，我们将确保正确取消任何不再需要的请求，以优化性能。
让我们首先了解什么是XML HttpRequest。XMLHttpRequest是一个JavaScript对象，它允许网络开发者向服务器发出HTTP请求而不需要重新加载整个页面。它经常被用来创建动态和互动的网络应用。
该API可以用来检索不同格式的数据，如文本、XML和JSON。XMLHttpRequest被所有现代网络浏览器所支持。它是AJAX（异步JavaScript和XML）的基础，允许更新网页的部分内容而无需重新加载整个页面。
方法
要在AJAX中取消一个XMLHttpRequest，你可以使用XMLHttpRequest对象的abort()方法。例如 –
var xhr = new XMLHttpRequest();
xhr.open("GET", "example.com", true);
// Cancel the request
xhr.abort();
它将停止向服务器发送请求，如果请求已经被发送，它将停止对响应的处理。
你也可以使用xhr.onabort事件来跟踪请求是否已经被取消，就像这样。
xhr.onabort = function() {
console.log("Request cancelled");
}
值得注意的是，abort()方法只在请求尚未完成时起作用。如果请求已经完成，调用abort()将没有效果。
例子
下面是一个简单的例子，说明如何使用JavaScript中的abort()方法取消一个XMLHttpRequest。
var xhr = new XMLHttpRequest();
xhr.open("GET", "example.php");
// Store the request in a variable
var request = xhr.send();
// Later on, if you want to cancel the request
request.abort();
-
在这个例子中，我们首先创建一个XMLHttpRequest对象的新实例，并向一个端点https://jsonplaceholder.typicode.com/photos， 打开一个GET请求。
-
然后我们将请求存储在一个变量中并发送。
-
如果在任何时候我们想取消这个请求，我们可以简单地调用请求变量上的abort()方法。
-
这将立即停止对请求的处理，并阻止任何进一步的行动发生。
-
值得注意的是，一旦一个XMLHttpRequest被中止，它就不能被重新启动了。
-
另外，在调用中止方法之前，检查请求的readyState属性是最好的做法，因为请求可能已经完成，中止方法不会有任何效果。