mvc - белая страница между двумя страницами

Question

Я использую ASP.NET MVC4 с jQuery mobile для создания мобильного приложения для iPad.

У меня есть страница с кнопкой отправки. После отправки он переходит на другую страницу. До загрузки 2-й страницы существует некоторая задержка, и в течение этого времени пользователь видит белую страницу.

Как показать анимацию загрузки вместо белой страницы?

Я использовал http://www.tkglaser.net/2012/02/waiting-spinner-for-long-running-form.html, но анимация загрузки показывается на мгновение в дополнение к "белой" странице, мне нужно показать это "вместо".

Любые идеи, как отследить событие после отправки формы, но до того, как на самом деле отображается 2-я страница?

Answer 1

Это можно сделать, я сделал пример для вас. Это не на 100% то, что вы хотели (это довольно сложный пример, вам нужно будет нажать на просмотр списка), но вы поймете: http://jsfiddle.net/Gajotres/AzXdT/

По сути, в моем примере я показываю загрузчик ajax, когда страница собирается скрыться:

$(document).on('pagebeforehide', '[data-role="page"]',function(e,data){  
    var loader = setInterval(function(){
        $.mobile.loading('show');
        clearInterval(loader);
    },1); 
}); 

И скрыть это, когда другая / та же страница загружена:

$(document).on('pageshow', '[data-role="page"]',function(e,data){  
    var loader = setInterval(function(){
        $.mobile.loading('hide');
        clearInterval(loader);
    },1); 
});  

setInterval здесь, потому что в браузере веб-кита есть проблема с отображением загрузчика ajax.