1. .ajaxComplete( handler(event, XMLHttpRequest, ajaxOptions) )
每當一個Ajax請求完成，jQuery就會觸發ajaxComplete事件，在這個時間點所有處理函數會使用.ajaxComplete()方法注冊並執行。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript"> $(document).ready(function(){ $("#txt").ajaxStart(function(){ $("#wait").css("display","block"); }); $("#txt").ajaxComplete(function(){ $("#wait").css("display","none"); }); $("button").click(function(){ $("#txt").load("/example/jquery/demo_ajax_load.asp"); }); }); </script>
</head>
<body>
<div id="txt"><h2>通過 AJAX 改變文本</h2></div>
<button>改變內容</button>
</body>
</html>
效果前:
效果后:
2. .ajaxError(function(event,xhr,options,exc))
ajaxError() 方法在 AJAX 請求發生錯誤時執行函數。它是一個 Ajax 事件。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript"> $(document).ready(function(){ $("div").ajaxError(function(){ alert("發生錯誤！"); }); $("button").click(function(){ $("div").load("wrongfile.txt"); }); }); </script>
</head>
<body>
<div id="txt"><h2>通過 AJAX 改變文本</h2></div>
<button>改變內容</button>
</body>
</html>
效果前：
效果后：
3. .ajaxSend([function(event,xhr,options)])
ajaxSend() 方法在 AJAX 請求開始時執行函數。它是一個 Ajax 事件。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript"> $(document).ready(function(){ $("div").ajaxSend(function(e,xhr,opt){ $(this).html("正在請求：" + opt.url); }); $("button").click(function(){ $("div").load("/example/jquery/demo_ajax_load.asp"); }); }); </script>
</head>
<body>
<div id="txt"><h2>通過 AJAX 改變文本</h2></div>
<button>改變內容</button>
</body>
</html>
效果前：
效果后：
4. .ajaxStart(function())
ajaxStart() 方法在 AJAX 請求發送前執行函數。它是一個 Ajax 事件。
無論在何時發送 Ajax 請求，jQuery 都會檢查是否存在其他 Ajax 請求。如果不存在，則 jQuery 會觸發該 ajaxStart 事件。在此時，由 .ajaxStart() 方法注冊的任何函數都會被執行。
示例與上面差不多。
5. .ajaxStop(function())
ajaxStop() 方法在 AJAX 請求結束時執行函數。它是一個 Ajax 事件。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript"> $(document).ready(function(){ $("div").ajaxStop(function(){ alert("所有 AJAX 請求已完成"); }); $("button").click(function(){ $("div").load("/example/jquery/demo_ajax_load.txt"); $("div").load("/example/jquery/demo_ajax_load.asp"); }); }); </script>
</head>
<body>
<div id="txt"><h2>通過 AJAX 改變文本</h2></div>
<button>改變內容</button>
</body>
</html>
效果前：
效果后：
6. .ajaxSuccess(function(event,xhr,options))
ajaxSuccess() 方法在 AJAX 請求成功時執行函數。它是一個 Ajax 事件。
示例與上面差不多。