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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#