jQuery().load()를 중단하는 중

jQuery().load()를 중단하는 중

jQuery 라이브러리의 기능을 사용하면 특정 규칙에 따라 다른 페이지에서 요소를 선택적으로 로드할 수 있습니다.로드 프로세스를 중단하는 것이 가능한지 알고 싶습니다.

우리의 응용 프로그램에서 사용자는 항목 목록을 찾아볼 수 있습니다.다른 문서에서 항목에 대한 추가 정보를 로드하고 표시하는 단추를 클릭할 수 있습니다(시간이 걸릴 수 있음).그들이 목록에서 다른 항목을 선택하는 동안.load()아직 진행 중입니다. 로드를 중단했으면 합니다.

이것이 가능합니까?그럴만한 가치가 있습니까?아이디어 있어요?

댄.

연결을 위해 jQuery 개체를 반환하므로 직접 이 작업을 수행할 수는 없지만 전체 호출로 변경하면 다음과 같이 수행할 수 있습니다.

var xhr = $.ajax({
            url: 'mypage.htm',
            success: function(data) {
              $("#myElement").html(data);
            }
          });
//if needed, abort the request later..
xhr.abort();

그러면 XMLHttpRequest 개체의 메서드를 사용하여 로드를 중단합니다.

닉의 대답은 거의 제가 필요로 하는 것이었지만, 완전히 그렇지는 않았습니다.페이지에서 이미지만 로드하기 위해 .load()를 사용했습니다.그래서 닉의 대답을 확장하면,

그래서 대신에...

$('#myElement').load('mypage.htm #myImage');

지금은...

var xhr = $.ajax({
            url: 'mypage.htm',
            success: function(data) {
              $("#myElement").html($(data).find("#myImage"));
            }
          });
//if needed, abort the request later..
xhr.abort();

수동으로 사용하여 이 작업을 수행할 수 있습니다.호출할 수 있는 개체를 반환합니다.abort필요에 따라성공 처리기에서 다음을 사용할 수 있습니다.

$("#myElement").load("/mypage #mayImage", function(response, status, xhr) {
  if (status == "error") {
     xhr.abort();
  }
});

이런 식으로 작동해야 합니다.

또는 다른 이벤트에서 긴 필드에 대한 확인을 보내면 사용자가 내용을 변경하고 이전 확인을 중지하여 다시 확인합니다.

xhr.abort();

$("#myElement").load("/mypage #mayImage", function(response, status, xhr) {
  if (status == "error") {
    xhr.abort();
  }
});

언급URL : https://stackoverflow.com/questions/3002668/aborting-jquery-load