[解決済み】$.ajaxのエラーがタイムアウトかどうかを判断する
質問
の魔法を利用しています。
jQuery.ajax( settings )
.
しかし、タイムアウトの設定をあまり弄ったことがない人がいるのではないでしょうか?
基本的にリクエストのローカルタイムを指示するためのものだと思いますが、タイムアウトに達すると何かトリガーがかかるのでしょうか? それとも、単に応答を待つのをやめるだけなのでしょうか?
jQueryのサイトを読むと、引数が渡されないので、1つのケイパビリティでシンプルに設定するようですね。 それはそれでいいのですが。
しかし、タイムアウトになったらアラートか何かの機能を発動させたいのです。この場合、エラー設定はトリガーされないことがわかります。
以下は、私のスニペットです。
$("form#testform").submit(function(){
var allFormValues = $("form#testform").serialize();
$.ajax({
cache:false,
timeout:8000, // I chose 8 secs for kicks
type:"POST",
url:"someurl.php",
data:allFormValues,
error:function(){ alert("some error occurred") },
success:function(response){ alert(response); }
});
});
タイムアウトをもっとうまく使う方法をご存知の方はいらっしゃいますか?
どのように解決するのですか?
エラーイベントハンドラが3つの引数(xmlhttprequest, textstatus, message)を取る場合、タイムアウトが発生するとstatus argは'timeout'になります。
にあたります。 jQueryドキュメント :
2番目の値として考えられるのは 引数(NULL以外)は"timeout"です。 "error"、"notmodified"、および "parsererror"。
その時は、それに応じたエラー処理をしてください。
私はこれを作成しました フィドル を使用しています。
$.ajax({
url: "/ajax_json_echo/",
type: "GET",
dataType: "json",
timeout: 1000,
success: function(response) { alert(response); },
error: function(xmlhttprequest, textstatus, message) {
if(textstatus==="timeout") {
alert("got timeout");
} else {
alert(textstatus);
}
}
});
jsFiddleでは、ajaxの呼び出しをテストすることができます -- 2秒待ってから応答します。 タイムアウトを1秒に設定したので、エラーになり、エラーハンドラに'timeout'のテキストステータスが返されるはずです。
お役に立てれば幸いです。
関連
-
[解決済み] jqueryで日付を比較する
-
[解決済み] クラス別のjquery onclick
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] 変数が「未定義」または「NULL」であるかどうかを判断するにはどうすればよいですか?
-
[解決済み] jQueryを使ったAjaxリクエストの中断
-
[解決済み] jQuery Ajax呼び出し後のリダイレクトリクエストを管理する方法
-
[解決済み] どうすればjQueryに非同期ではなく、同期のAjaxリクエストを実行させることができますか?
-
[解決済み] jQuery AJAX送信フォーム
-
[解決済み] Ajaxリクエストが200 OKを返すが、successではなくerrorイベントが発生する
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】jQueryでクリックされた要素のIDを取得する方法
-
[解決済み] jquery fadeIn が動作しない。
-
[解決済み] jQuery - 不正な呼び出し
-
[解決済み] フォーム送信のjQueryが動作しない
-
[解決済み] 繰延べと約束
-
[解決済み] ユーザーがDIVの外側をクリックしたときに、jQueryを使用してDIVを非表示にする
-
[解決済み] jQueryのinit関数を設定する
-
[解決済み] jQuery slidetoggleが動作しない?[クローズド]
-
[解決済み] .animateをループさせる方法 JQuery
-
[解決済み】ajax(jQuery)のタイムアウトを設定する。)