jQuery를 사용하여 진행 중인 AJAX 요청을 어떻게 중단할 수 있습니까?

jQuery를 사용하여 진행 중인 Ajax 요청 중단

jQuery에서 Ajax 요청을 실행하는 것은 동적 웹 상호작용에 매우 중요합니다. 그러나 응답을 받기 전에 Ajax 요청을 취소하거나 중단해야 하는 상황이 발생할 수 있습니다. jQuery를 사용하여 이를 수행하는 것이 가능합니까?

해결책:

물론입니다! jQuery의 Ajax 메소드는 일반적으로 XMLHttpRequest 객체(또는 이에 상응하는 객체)를 반환합니다. 이 개체를 활용하면 abort() 메서드를 활용하여 진행 중인 요청을 종료할 수 있습니다.

코드 데모:

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

// Abort the request
xhr.abort();

jQuery가 발전함에 따라 반환된 이후 버전(1.5 이상)의 객체는 jqXHR로 알려진 기본 XMLHttpRequest에 대한 래퍼입니다. 이 래퍼는 모든 기본 속성과 메서드를 노출하여 abort() 접근 방식과의 호환성을 보장합니다.

버전 3 이상에서 Ajax 메서드는 중단을 포함한 추가 메서드가 포함된 Promise를 반환합니다. 반환된 개체는 더 이상 xhr이 아니지만 abort() 메서드는 계속 작동합니다.

예외:

이 기술의 일반적인 적용 가능성에도 불구하고 다음 사항에 유의하는 것이 중요합니다. Ajax 요청의 사용자 정의 구현이나 jQuery 기능을 확장하는 외부 라이브러리에서 항상 지원되지는 않을 수도 있습니다. 이러한 경우 중단 기능을 확인하려면 사용 중인 특정 라이브러리 또는 코드의 문서를 참조하세요.

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