[解決済み] jQueryを使ったAjaxリクエストの中断
2022-03-19 03:50:08
質問
jQueryを使用して、以下のようなことは可能でしょうか? Ajax リクエストをキャンセル/中止する からの応答をまだ受け取っていないのですか?
解決方法を教えてください。
jQuery Ajaxのほとんどのメソッドは、XMLHttpRequest(または同等の)オブジェクトを返すので、単に
abort()
.
ドキュメントをご覧ください。
- abort メソッド ( MSDN ). 現在の HTTP リクエストをキャンセルします。
- abort() ( MDN ). すでにリクエストが送信されている場合、このメソッドはリクエストを中断します。
var xhr = $.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
//kill the request
xhr.abort()
UPDATEです。 jQuery 1.5では、返されるオブジェクトはjqXHRというネイティブのXMLHttpRequestオブジェクトのラッパーになっています。このオブジェクトはネイティブのプロパティとメソッドをすべて公開しているようなので、上記の例もまだ動作します。参照 jqXHR オブジェクト (jQuery API ドキュメント) を参照してください。
UPDATE 2:
jQuery 3では、ajaxメソッドは追加のメソッド(abortなど)を持つプロミスを返すようになったので、上記のコードはまだ動きますが、返されるオブジェクトは
xhr
となります。このため
3.0ブログはこちら
.
UPDATE 3
:
xhr.abort()
は、jQuery 3.xで動作します。
アップデート2
が正しいです。
jQuery Github リポジトリの詳細情報
.
関連
-
要素ツリー制御によるvueTreeテーブル
-
Vueはランニングライト形式のテキストを水平方向にスクロールする機能を実装している
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] なぜGoogleはJSONレスポンスにwhile(1);を前置するのでしょうか?
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryを使用しない$(document).ready相当
-
[解決済み] jQuery Ajax呼び出し後のリダイレクトリクエストを管理する方法
-
[解決済み] どうすればjQueryに非同期ではなく、同期のAjaxリクエストを実行させることができますか?
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
JavaScriptの関数この指摘の問題を説明
-
vueディレクティブv-bindの使用と注意点
-
vueの補間表現とv-textディレクティブの違いについて
-
Vueでルートネスティングを実装する例
-
[解決済み】React - uncaught TypeError: 未定義のプロパティ 'setState' を読み取れない
-
[解決済み】Node.js getaddrinfo ENOTFOUND
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
[解決済み】<select>で現在選択されている<option>をJavaScriptで取得するにはどうすればよいですか?
-
JavaScriptのStringに関する共通メソッド