jQuery Ajax リクエストをキャンセルするにはどうすればよいですか?

jQuery を使用した Ajax リクエストのキャンセル

jQuery は、応答を受信する前に Ajax リクエストをキャンセルする便利な方法を提供します。これを実現するには、abort() メソッドを利用します。

xhr.abort()

jQuery Ajax メソッドは通常、XMLHttpRequest オブジェクト (xhr) を返します。 xhr オブジェクトには、リクエストをキャンセルできる abort() メソッドが用意されています。

このメソッドは、リクエストが送信されたか、まだ進行中であるかに関係なく機能します。

var xhr = $.ajax({
    type: "POST",
    url: "some.php",
    data: "name=John&location=Boston",
});

// Cancel the request
xhr.abort();

jQuery 1.5 の jqXHR オブジェクト

jQuery バージョン 1.5 では、返されるオブジェクトこれは、jqXHR として知られるネイティブ XMLHttpRequest オブジェクトのラッパーです。まだ abort() メソッドを公開しているため、上記のコードは引き続き機能します。

jQuery 3 の Promise

jQuery 3 では、abort などの追加メソッドを備えた Promise が導入されました。上記のコードは引き続き機能しますが、返されるオブジェクトは XMLHttpRequest ではなくなりました。

注: xhr.abort() は jQuery 3.x でも引き続き機能します。そうではないという以前の主張は不正確です。詳細については、jQuery GitHub リポジトリを参照してください。

以上がjQuery Ajax リクエストをキャンセルするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。