jQuery を使用して Ajax リクエストを中止するにはどうすればよいですか?

jQuery を使用した Ajax リクエストの中止

Ajax を使用して非同期操作を実行する場合、まだ受信していない進行中のリクエストをキャンセルする必要がある場合があります。応答。この記事では、jQuery の Ajax メソッドを使用してこれを実現する方法について説明します。

jQuery の Ajax メソッドと XMLHttpRequest

jQuery の Ajax メソッドは基本的に、非同期にするための XMLHttpRequest オブジェクトまたは同等のオブジェクトを作成します。 HTTP リクエスト。 XMLHttpRequest オブジェクトには、開発者が進行中のリクエストをキャンセルできる abort() メソッドが用意されています。

Ajax リクエストの中止

Ajax リクエストを中止するには、単に XMLHttpRequest を取得します。 Ajax メソッドからオブジェクトを取得し、その abort() メソッドを呼び出します。例:

var xhr = $.ajax({
    type: "POST",
    url: "some.php",
    data: "name=John&location=Boston",
    success: function(msg){
       alert( "Data Saved: " + msg );
    }
});

// Cancel the request
xhr.abort();

このコード スニペットは、進行中の Ajax リクエストを中止する方法を示しています。

更新と考慮事項

jQuery 1.5 以降、 Ajax メソッドは、ネイティブ XMLHttpRequest オブジェクトをカプセル化する jqXHR オブジェクトを返します。 abort() メソッドは、引き続き jqXHR オブジェクトで使用できます。

jQuery 3 以降では、Ajax メソッドは、abort などの追加メソッドを提供する Promise を返します。ただし、xhr.abort() を使用するセマンティクスは変わりません。

以前は反対の主張があったにもかかわらず、xhr.abort() は jQuery 3.x でも機能することは注目に値します。詳細については、jQuery Github リポジトリを参照してください。

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