Ajax
英[ˈeɪˌdʒæks] 美[ˈeˌdʒæks]
n.全稱為「Asynchronous JavaScript and XML」(異步Script和XML
##n.全稱為「Asynchronous JavaScript and XML」(異步是Script和XML##n.全稱為「Asynchronous JavaScript and XML」(異步是Script和XML##n.全稱為「Asynchronous JavaScript and XML」(異步是Script和XML##n.全稱為「Asynchronous JavaScript and XML」(異步是Script和XML);種創建互動式網頁應用的網頁開發技術。 ;艾傑克斯銅錫鉛軸承合金,亞甲斯炸藥
complete英[kəmˈpli:t] 美[kəmˈplit]
###adj .完整的;完成的;(用以強調)完全的;達到結尾的######vt.完成,使完滿;完成或結束;填寫(表格)###ajax ajaxComplete() 方法 語法
作用:ajaxComplete() 方法在 AJAX 請求完成時執行函數。它是一個 Ajax 事件。與 ajaxSuccess() 不同,透過 ajaxComplete() 方法規定的函數會在請求完成時執行,即使請求並未成功。
語法:.jQueryajaxComplete(function(event,xhr,options))
參數:
#參數 | 描述 |
function(event,xhr,options) | #必要。規定當請求完成時運行的函數。額外的參數:event - 包含 event 物件xhr - 包含 XMLHttpRequest 物件options - 包含 AJAX 請求中使用的選項。 |
說明:XMLHttpRequest 物件和設定作為參數傳遞給回調函數。
ajax ajaxComplete() 方法 範例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.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(){ alert("加载完成"); $("h2").text("文本加载完成"); }); }); </script> </head> <body> <div id="txt"><h2>通过 AJAX 改变文本</h2></div> <button>改变内容</button> <div id="wait" style="display:none;width:69px;height:89px;border:1px solid black;position:absolute;top:50%;left:50%;padding:2px;"> <img src='http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg' width="64" height="64" /> <br />加载中 ... </div> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例