jQuery를 사용하여 Ajax 요청을 어떻게 중단할 수 있나요?

jQuery로 Ajax 요청 중단

Ajax를 사용하여 비동기 작업을 수행할 때 아직 수신되지 않은 진행 중인 요청을 취소해야 할 수도 있습니다. 응답. 이 기사에서는 jQuery의 Ajax 메소드를 사용하여 이를 달성하는 방법을 살펴봅니다.

jQuery의 Ajax 메소드 및 XMLHttpRequest

jQuery의 Ajax 메소드는 기본적으로 XMLHttpRequest 객체 또는 이에 상응하는 객체를 생성하여 비동기화를 수행합니다. HTTP 요청. XMLHttpRequest 객체는 개발자가 진행 중인 요청을 취소할 수 있는 abort() 메서드를 제공합니다.

Ajax 요청 중단

Ajax 요청을 중단하려면 XMLHttpRequest를 검색하기만 하면 됩니다. Ajax 메소드에서 객체를 가져와 abort() 메소드를 호출합니다. 예:

var xhr = $.ajax({
    type: "POST",
    url: "some.php",
    data: "name=John&location=Boston",
    success: function(msg){
       alert( "Data Saved: " + msg );
    }
});

// Cancel the request
xhr.abort();

이 코드 조각은 진행 중인 Ajax 요청을 중단하는 방법을 보여줍니다.

업데이트 및 고려 사항

jQuery 1.5부터 Ajax 메소드는 기본 XMLHttpRequest 객체를 캡슐화하는 jqXHR 객체를 반환합니다. abort() 메서드는 jqXHR 개체에서 계속 사용할 수 있습니다.

jQuery 3 이상에서 Ajax 메서드는 중단을 포함한 추가 메서드를 제공하는 Promise를 반환합니다. 그러나 xhr.abort() 사용의 의미는 동일하게 유지됩니다.

이전의 반대 주장에도 불구하고 xhr.abort()가 jQuery 3.x에서 여전히 작동한다는 점은 주목할 가치가 있습니다. 자세한 내용은 jQuery Github 저장소를 참조하세요.

위 내용은 jQuery를 사용하여 Ajax 요청을 어떻게 중단할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!