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

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

221  
정의
  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 (eventxhroptionsexc

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

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

 

결과보기

 


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