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

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

jQuery では、Ajax リクエストの実行は動的な Web インタラクションにとって重要です。ただし、応答を受信する前に Ajax リクエストをキャンセルまたは中止する必要がある状況が発生する場合があります。これを jQuery で実現することは可能ですか?

解決策:

もちろんです! jQuery の Ajax メソッドは通常、XMLHttpRequest オブジェクト (または同等のもの) を返します。このオブジェクトを利用することで、abort() メソッドを利用して進行中のリクエストを終了できます。

コードのデモ:

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

// Abort the request
xhr.abort();

jQuery が進化するにつれて、返される以降のバージョン (1.5 以降) のオブジェクトは、jqXHR として知られるネイティブ XMLHttpRequest のラッパーです。このラッパーはすべてのネイティブ プロパティとメソッドを公開し、abort() アプローチとの互換性を確保します。

バージョン 3 以降では、Ajax メソッドは abort を含む追加のメソッドを含む Promise を返します。返されたオブジェクトは xhr ではなくなりましたが、abort() メソッドは引き続き機能します。

Exception:

この手法の一般的な適用可能性にもかかわらず、注意することが重要です。 Ajax リクエストのカスタム実装や jQuery の機能を拡張する外部ライブラリによって常にサポートされるとは限りません。このような場合は、使用している特定のライブラリまたはコードのドキュメントを参照して、その中止機能を確認してください。

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