중단 .ajax 요청을 중지하고 파일 다운로드를 중지하십시오.

Question

이것이 재 게시 인 경우 사과드립니다. 이미지가 가득 찬 페이지를로드하는 중입니다. 사용자가 이미지를 다운로드하기 전에 탐색하는 경우 다운로드를 중지하고 싶습니다. 내가 생각하는 중단() 작업이 있지만 파일은 계속 다운로드됩니다.

$(document).ready(function(){ 
var jqXHR; 
$('.buttons li#stop').click(function(){ 
    jqXHR.abort(); 
    alert('aborted'); 
}); 
$('.buttons li#start').click(function(){ 
    jqXHR = $.ajax({ 
    dataType:"html", 
    url:"images.php", 
    success: function(data){ 
     $('.pageContent').html(data); 
    } 
    });   
});  

});

Answer 1

jqXHR이 이미 완료되었을 수 있으며 가져온 HTML이 .pageContent에 이미 삽입되어 있습니다. 브라우저가 HTML에 지정된 이미지를 다운로드 중이므로 jqXHR을 중단하여 중지 할 수 없습니다.

.pageContent의 html을 공백으로 설정할 수도 있지만 예상대로 작동하는지는 알 수 없습니다.

$(document).ready(function(){ 
    var jqXHR; 
    $('.buttons li#stop').click(function(){ 
     jqXHR.abort(); 
     $('.pageContent').html(data); 
     alert('aborted'); 
    }); 
    $('.buttons li#start').click(function(){ 
     jqXHR = $.ajax({ 
     dataType:"html", 
     url:"images.php", 
     success: function(data){ 
      $('.pageContent').html(data); 
     } 
     });   
    });  
}); 

또는 브라우저의 중지 버튼을 누르기 만하면됩니다.