AJAX Отключить кнопку «Назад» до тех пор, пока не будет выполнен обратный вызов

Question

У меня появляется ошибка кода, когда кто-то нажимает кнопку «Назад» во время загрузки ajax-вызова. Есть ли способ отключить его, пока вызов не завершится успешно?

Пример:

$.ajax({ 
// Disable back button 
url: "test.html", 
context: document.body 

}).done(function() { 
// Enable back button 
$(this).addClass("done"); 
}); 

Я знаю, что это плохо, чтобы угнать функциональность браузера, и я отметил, что, но это не мой выбор здесь я не являюсь владельцем проекта. Кроме того, это просто временно на несколько секунд, пока ajax делает свою вещь. Я уже искал, но не придумал ничего особенно полезного для этого сценария.

Answer 1

Возможно, вы захотите проверить, в каком контексте находится эта переменная, когда вы добавляете класс в свою выполненную функцию. Я предполагаю, что он указывает на окно в вашей функции, а не на вашу кнопку.

.done(function(){console.log(this);}); 

Answer 2

Вы не можете запретить пользователю с помощью BackButton в WebBrowser, но, возможно, с помощью этого кода вы можете, сигнализировать пользователю ждать. (И, возможно, ждет пользователя, или так) :)

пример:

window.onbeforeunload = function(){ 
    return "Please wait until page load is done?"; 
} 

=> Код Испытано на Chrome 26+

Может быть, это помогает

Edit:

противопоставить что «хмель» упоминалось, вы можете установить эту функцию события, при запуске вызова Ajax и удаление функции после завершения вызова Ajax, но это лишь некоторые детали.

Пример 2:

... 
function setPreventLeavingPage(){ 
    window.onbeforeunload = function(){ 
     return "Please wait until page load is done?"; 
    } 
} 

function removePreventLeavingPage(){ 
    window.onbeforeunload = null; 
} 
... 

$.ajax({ 
    url: "test.html", 
    beforeSend: function() { 
     setPreventLeavingPage(); 
    }, 
    context: document.body 
    }).done(function() { 
     // do some stuff 
     ... 
     removePreventLeavingPage(); 
    }); 

=> Код Испытано на Chrome 26+

Answer 3

Вы не можете отключить заднюю (или любой, по этому вопросу) кнопку в браузере. Не могли бы вы представить, можете ли вы? Всплывающие всплывающие окна будут иметь полевой день!

В любом случае, самое лучшее, что вы можете сделать, это использовать onbeforeunload (который работает только в некоторых браузерах, например, я знаю, что Opera не поддерживает его). Если есть запрос AJAX, вы можете выбросить «Вы уверены, что хотите уйти?» сообщение.

Пример:

$(document).ajaxStart(function(){ 
    $(document.body).addClass('running'); 
}); 
$(document).ajaxStop(function(){ 
    $(document.body).removeClass('running'); 
}); 

$(window).on('beforeunload', function(){ 
    if($(document.body).hasClass('running')){ 
     return "There is still a pending AJAX request. Are you sure you want to leave?"; 
    } 
}); 

$.ajax({ 
    url: "test.html", 
    context: document.body 
}).done(function() { 
    $(this).addClass("done"); 
});