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>
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요