全局 Ajax 事件處理器 · PHP/Python/前端/Linux 等等學習筆記

[TOC] ## 異步請求 Hook ajax 在請求前后的所有hook 事件,注意必須為全局監聽 ### ajaxPrefilter ### ajaxStart ### ajaxSend ### ajaxSuccess ### ajaxComplete ### ajaxError <details> <summary>index.html</summary> ``` <!DOCTYPE html> <html> <body> <div class="trigger">Trigger</div> <div class="result">result</div> <div class="log"></div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $.ajaxPrefilter(function (options, originalOptions, jqXHR ) { console.log("ajaxPrefilter"); }) // 注意全局代理 $(document).ajaxStart(function() { console.log("ajaxStart"); }); $(document).ajaxSend(function() { console.log("ajaxSend "); $( ".log" ).html("ok"); }); $(document).ajaxSuccess(function() { console.log("ajaxSuccess "); }); $(document).ajaxComplete(function() { console.log("ajaxComplete "); }); $(document).ajaxError(function() { console.log("ajaxError start"); $( ".log" ).html("err"); console.log("ajaxError end"); }); $( ".trigger" ).click(function() { //異步請求 $( ".result" ).load("test.html"); }); </script> </body> </html> ``` </details> <br /> 控制臺輸出 ``` ajaxPrefilter ajaxStart ajaxSend ajaxSuccess ajaxComplete ```