비동기 Ajax 요청 블록 네비게이터?

Question

다음 코드를 사용하여 'whatever.php'를 통해 데이터를 가져 오려고합니다. 이 PHP 파일은 데이터베이스 요청을받는 데 약 20 초를 소비합니다. 서버가 데이터로 응답 할 때까지 탐색기가 차단됩니다 (비동기로 설정하면 클릭을하거나 입력을 채울 수 있지만 언급 된 20 초 후에 만 ​​리디렉션됩니다). 이 Ajax 인스턴스를 중단하려고 시도했지만 중단 한 후에도 그 시간을 기다립니다.

내가하려는 것은 사용자가 요청이 완료되고 테이블이 표시 될 때까지 기다리지 않으려면 다른 서브 페이지에 대한 링크를 열 수 있어야한다는 것입니다.

var contenidoAjax = $('div#table_solicitudes').html('<p><img src="'.URL.'images/ajax-loader.gif" /></p>'); 
var instanciaAjax=$.ajax({ 
url: whatever.php, 
success: function(data) { 
    if (data == "bad") { 
     $('div#table_solicitudes').html("Went bad"); 
    } 
    else { 
     $('div#table_solicitudes').html(data); 
    } 
} 

감사합니다.

Answer 1

표시기를 표시하거나 숨기려면 "beforeSend"및 "complete"메소드를 사용해야합니다.

예 :

$.ajax({ 
    url: whatever.php, 
    beforeSend: function(){ 
     $('div#table_solicitudes').html('<p><img src="'.URL.'images/ajax-loader.gif" /></p>'); // add indicator 
    }, 
    complete: function(){ 
     $('div#table_solicitudes').html(""); // remove indicator 
    } 
    // existing stuff 
} 

이 도움이되기를 바랍니다!