Ajax
English [ˈeˈeˌdʒæks] US [ˈeˌdʒæks]
n. 전체 이름은 "Asynchronous JavaScript and XML"(비동기 JavaScript 및 XML)입니다. ; Ajax 구리-주석-납 베어링 합금, Yajis 폭발물
영어 [kəmˈplit]
adj 완료; , 완료 또는 종료(양식)
아약스 ajaxComplete() 메소드 통사론
함수: ajaxComplete() 메서드는 AJAX 요청이 완료되면 함수를 실행합니다. 아약스 이벤트입니다. ajaxSuccess()와 달리 ajaxComplete() 메서드를 통해 지정된 함수는 요청이 성공하지 못한 경우에도 요청이 완료되면 실행됩니다.
구문: .jQueryajaxComplete(function(event,xhr,options))
매개변수:
| Parameters | Description |
| function(event,xhr ,옵션) | 필수입니다. 요청이 완료되면 실행할 함수를 지정합니다. 추가 매개변수: event - 이벤트 객체를 포함합니다. xhr - XMLHttpRequest 객체를 포함합니다. options - AJAX 요청에 사용되는 옵션을 포함합니다. |
설명: XMLHttpRequest 개체 및 설정은 콜백 함수에 매개 변수로 전달됩니다.
아약스 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>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
