[AJAX] JQ - ajaxError() 메서드 - AJAX 요청 실패 시 실행할 함수 지정 (= ajaxError메서드 = 아작스에러메서드)

1. ajaxError() 예제 - ajax 요청 실패 시 실행할 함수 지정
2. ajaxError() 정의
3. ajaxError() 구문
4. ajaxError() 예제 - xhr/options 매개변수 사용

ajaxError() 예제 - ajax 요청 실패 시 실행할 함수 지정 

 

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

<script>

$(document).ready(function(){

    $(document).ajaxError(function(){

        alert("요청에러발생");

    });

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

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

    });

});

</script>

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

<button>클릭</button>

 

결과보기 

ajaxError() 정의

 

AJAX 요청이 실패 할 때 실행할 함수 지정.

PS. jQuery 1.8부터 document 선택자에만 사용 가능.

 

ajaxError() 구문

 

$(document).ajaxError(function(event,xhr,options,exc))

 

---

[매개변수]

 

function (event, xhr, options, exc) 

필수. 요청 실패 시 실행할 함수.

• event - 이벤트 객체를 포함.
• xhr - XMLHttpRequest 객체를 포함.
• options - AJAX 요청에 사용 된 옵션을 포함.
• exc - JavaScript 예외가 발생한 경우 이를 포함.

ajaxError() 예제 - xhr/options 매개변수 사용

 

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

<script>

$(document).ready(function(){

  $(document).ajaxError(function(e, xhr, opt){

    alert("요청에러발생: " + opt.url + ": " + xhr.status + " " + xhr.statusText);

  });

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

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

  });

});

</script>

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

<button>클릭</button>

 

결과보기