목차
ajaxSuccess() 예제 - ajax 요청 성공적으로 완료 시 실행할 함수 지정 ajaxSuccess() 정의 ajaxSuccess() 구문
ajaxSuccess() 예제 - ajax 요청 성공적으로 완료 시 실행할 함수 지정
[매개변수 없는 경우]
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).ajaxSuccess(function(){
alert("AJAX 요청 성공적으로 완료");
});
$("button").click(function(){
$("div").load("test.txt");
});
});
</script>
</head>
<body>
<div>홈짱닷컴 주소?</div>
<button>알려줘.</button>
</body>
</html>
[매개변수 있는 경우]
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).ajaxSuccess(function(e, xhr, opt){
if (opt.url == "test.txt") {
alert("AJAX 요청 성공적으로 완료");
};
});
$("button").click(function(){
$("div").load("test.txt");
});
});
</script>
</head>
ajaxSuccess() 정의
모든 AJAX 요청이 성공적으로 완료될 때 실행할 함수를 지정.
PS. jQuery 1.8 버전부터 이 메소드는 문서에만 첨부해야 함.
ajaxSuccess() 구문
$(document).ajaxSuccess(function(event,xhr,options) )
[매개변수]
function (event, xhr, options )
필수. 요청이 성공할 경우 실행할 함수를 지정.
event - 이벤트 객체를 포함.xhr - XMLHttpRequest 객체를 포함.options - AJAX 요청에 사용 된 옵션을 포함.
최신댓글