Загрузка страницы для ASP.Net MVC

Question

Я использую ASP.Net MVC для создания веб-сайта, который должен выполнить некоторую обработку (5 - 10 секунд), прежде чем он сможет вернуть представление пользователю. Вместо того, чтобы оставлять пользователя, смотрящего на ледниковый индикатор прогресса, я хотел бы показать какую-то анимацию «Подождите, мы вернемся», чтобы они заинтересовались.

Кто-нибудь знает хороший подход к достижению этого?

(я нашел this ответ, но его не совсем то, что мне нужно, это использует jQuery для извлечения данных после возвращения представления. Я хотел бы показать «Пожалуйста, подождите», пока они ждут представления появляется)

Благодаря

Answer 1

Я думаю, что решение, которое вы ссылка будет работать для вас. Вам просто нужно, чтобы ваше начальное действие контроллера немедленно возвращалось с «пожалуйста, подождите сообщение», а затем вызов AJAX выполняет фактическое извлечение содержимого на основе вашей обработки. Если запрос действительно занимает 5-10 секунд, вам также может потребоваться отрегулировать значение тайм-аута по запросу AJAX, чтобы он смог выполнить. Я не знаю, что такое таймаут по умолчанию, но может быть меньше того, что вам нужно.

EDIT Пример:

Посмотреть код:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $.ajax({ 
      type: "POST", 
      url: '<$= Url.Action("GetSlowData","Controller") %>', 
      data: 'id=<%= ViewData["modelID"] %>', 
      timeout: 15000, // wait upto 15 secs 
      success: function(content){ 
       $("#container").html(content); 
      } 
     }); 
    }); 
</script> 

... 

<div id="#container"> 
    Please wait while I retrieve the data. 
</div> 

Контроллер

public ActionResult ViewMyData(int id) 
{ 
    ViewData["modelID"] = id; 
    return View(); 
} 

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult GetSlowData(int id) 
{ 
    var model = ... do what you need to do to get the model... 

    return PartialView(model); 
} 

Вам также потребуется частичный вид (ViewUserControl), который принимает модель и визуализирует вид модели. Обратите внимание, что это не является полным - вам нужно будет добавить обработку ошибок, вы можете подумать о том, что произойдет, если javascript не включен, ...