• Q&A
  • 회원가입
  • 로그인

[AJAX] JQ - ajaxSuccess() (아작스석세스) - AJAX 요청이 성공적으로 완료 될 때 실행할 함수 지정

예제1

 

<!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> 

 

 

 

예제2

 

<!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>

<body>


<div>홈짱닷컴 주소?</div>


<button>알려줘.</button>


</body>

</html>

 

 

 

 

ajaxSuccess () 메서드 정의와 사용법

 

모든 AJAX 요청이 성공적으로 완료 될 때 실행할 함수를 지정.

 

참고 : jQuery 버전 1.8부터 이 메소드는 문서에만 첨부해야 함.

 


 

 

구문

 

$(document).ajaxSuccess(function(event,xhr,options))

 

 

 

 

매개변수


function (event, xhr, options

필수. 요청이 성공 할 경우 실행할 함수를 지정.


event - 이벤트 객체를 포함.

xhr - XMLHttpRequest 객체를 포함.

options - AJAX 요청에 사용 된 옵션을 포함.



오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012