Избегайте код паузы/замораживания на Javascript ошибка в JQuery blockUI

Question

Позвольте мне попытаться сделать какой-то смысл ...

Мы блокирующим интерфейс с использованием jQuery block UI plugin

$(document).ajaxStart(function() { 
    $.blockUI({ 
    message: '<h4><i class="fa fa-circle-o-notch fa-spin fa-fw"></i> loading...</h4>' 
    }) 
}).ajaxStop($.unblockUI); 

Иногда, когда код бросает некоторые ошибка:

сообщение нагрузки на замороженном экране не исчезает:

Причина заключается в том:

1. Когда ajaxStart() начинается, то $.blockUI() получает вызывается.

2. И до того, как ajaxStart() сможет успешно завершить выполнение, он сталкивается с ошибкой.

3. ajaxStop() никогда не достигается и UI никогда не разблокируется ($.unblockUI)

Итак, что я ищу способ, чтобы показать некоторые пользовательские сообщения, когда есть какая-то ошибка между ajaxStart() и ajaxStop() , Вместо того, чтобы приостановить/заморозить код при ошибке javascript.

Кроме того, когда я пробую @Raghav's suggestion, он не размораживает экран.

$(document).ajaxStart(function() { 
    $.blockUI({ 
    message: '<h4><i class="fa fa-circle-o-notch fa-spin fa-fw"></i> loading...</h4>' 
    }) 
    throw Error; 
    debugger; 
}).ajaxStop($.unblockUI).ajaxError($.unblockUI); 

Не имеет смысла?

Answer 1

Вы пробовали обработки ошибок с помощью ajaxError()

См: https://api.jquery.com/ajaxError/

$(document).ajaxError(function() { 
    $.unblockUI(); 
    // Display error message here 
    alert('Some error message'); 
}); 
$(document).ajaxStop(function() {$.unblockUI();}); 
$(document).ajaxStart(function() { 
    $.blockUI({ 
    message: '<h4><i class="fa fa-circle-o-notch fa-spin fa-fw"></i>loading...</h4>' 
    }) 
}); 

Вы также можете получить сообщение об ошибке. Подробнее см. В документации.

$(document).ajaxError(function(event, jqxhr, settings, thrownError) { 

    $.unblockUI(); 
    console.log(event, jqxhr, settings, thrownError); 
});