[AJAX] JQ - ajaxStop() 메서드 - 모든 AJAX 요청이 완료되었을 때 실행할 함수 지정 (= ajaxStop메서드 = 아작스스탑메서드/아작스스톱메서드)

목차

1. ajaxStop() 예제 - 모든 ajax 요청 완료 시 실행할 함수 지정
2. ajaxStop() 정의
3. ajaxStop() 구문

ajaxStop() 예제 - 모든 ajax 요청 완료 시 실행할 함수 지정

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 

<script>

$(document).ready(function(){

    $(document).ajaxStop(function(){

        alert("모든 AJAX 요청 종료");

    });

    $("button").click(function(){

        $("div").load("test1.txt");

        $("div").load("test2.txt");

    });

});

</script>

<div>여긴 어디?</div>

<button>알려줘.</button>

 

ajaxStop() 정의

 

모든 AJAX 요청이 완료 될 때 실행할 함수를 지정.

 

---

 

1.

AJAX 요청이 완료되면 jQuery는 더 이상의 AJAX 요청이 있는지 확인.
보류 중인 다른 요청 없을 시, ajaxStop() 메소드로 지정된 함수가 실행.

2.

jQuery 1.8 버전부터, 이 메소드는 document에만 첨부해야 함.

 

ajaxStop() 구문

 

$(document).ajaxStop(function())

 

---

[매개변수]

 

function()
필수. AJAX 요청 완료 될 때 실행할 함수 지정.