jQueryはAjaxが返す結果をインターセプトします

クズども · 2021年2月23日 17:16:45に投稿

要件:すべてのAjaxリクエスト結果を遮受し、返送ステータスコードが404の場合はログイン画面にリダイレクトされます。

また、統一応答のモデルデータも取得でき、返されたフィールドによればエラーメッセージが表示され、コールバックメソッドは実行されなくなります。

ASP.NET WebApiはMessageHandlersを使ってリターンインターフェースモデルのフォーマットを統一しています
https://www.itsvse.com/thread-9442-1-1.html

ajaxcompleteを使おうとしてもブロックはできず、レスポンス内容だけを取得でき、コールバックメソッドの呼び出しを妨げることはありません。ajaxsuccessもテストされておらず、おそらくほぼ同じです。

jqueryはすべてのAJAXリクエスト完了ステータスをリスニングします
https://www.itsvse.com/thread-9470-1-1.html

テストコード:

元のデータを修正しようとすると、コールバックメソッドが修正データを取得し、APIは次のようにデータを返します。

{"success":true,"message":"aa","data":{"name":"itsvse.com"}}

元のデータを修正し、jsonオブジェクトのデータだけをコールバックメソッドに渡し、成功やメッセージ属性は無視します。jQueryのコードは以下の通りです:

その効果は以下の通りです:

執筆方法2:

ログインが見えます。

書き方1と書き方2の本質は同じで、シンプルさのために方法1を書くことが推奨されます。

(終わり)

クズども · 2023年6月22日 10:30:10に投稿

ウェブ開発用のajaxフックはすべてのXMLHttpRequestリクエストを傍受します
https://www.itsvse.com/thread-10616-1-1.html

[Jquery] jQueryはAjaxが返す結果をインターセプトします