jQuery .get エラー応答関数?
2023-07-18 10:56:26
質問
StackOverflowのおかげで、以下のコードを完璧に動作させることができましたが、続きの質問があります。
$.get('http://example.com/page/2/', function(data){
$(data).find('#reviews .card').appendTo('#reviews');
});
上記のコードによって、私のサイトはWordPressのLoad Moreボタンで記事の2ページ目を取得することができました。しかし、サイトがページや結果を使い果たしたとき、小さな問題が発生しました。ロード・モア・ボタンはそのまま残っています。ページが残っていなくても、データをフェッチしようとし続けるのです。
このコマンドを微調整して、もし
.get
リクエストが失敗した場合、あるいは (404) not found ページであった場合、視覚的な応答を表示するにはどうしたらよいでしょうか?
誰かが私を助けることができれば、簡単な例で、たとえ
alert("woops!");
のような簡単な例でも教えていただけると助かります。
ありがとうございます!
どのように解決するのですか?
$.get
は、エラーハンドラを設定する機会を与えません。 そのため、低レベルの
$.ajax
関数を使う必要があります。
$.ajax({
url: 'http://example.com/page/2/',
type: 'GET',
success: function(data){
$(data).find('#reviews .card').appendTo('#reviews');
},
error: function(data) {
alert('woops!'); //or whatever
}
});
'10年3月編集
なお、新しい
jqXHR
を呼び出した後に、エラーハンドラを設定することができます。
$.get
:
$.get('http://example.com/page/2/', function(data){
$(data).find('#reviews .card').appendTo('#reviews');
}).fail(function() {
alert('woops'); // or whatever
});
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] jQueryで現在のURLを取得する?
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] val()を使ってselectの値を設定しても、jqueryのchangeイベントが発生しないのはなぜですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
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 UIダイアログのクローズボタンを削除するには?
-
[解決済み] Select <a> which href ends with some string
-
[解決済み] jQueryでチェックボックスの値を取得する
-
[解決済み] jQuery.ajaxでmultipart/formdataを送信する。
-
[解決済み] jQuery UI DatePicker - 日付フォーマットの変更
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] jQuery OR Selector?
-
[解決済み】フォームのhiddenフィールドにjQueryの".val() "を使って値を設定してもうまくいかない。
-
[解決済み】jQueryでRSSをパースする。