ajaxを使用して部分ビューをレンダリングする

Question

this questionをチェックして、私の初期の問題を解決しました。しかし、ユーザーがリンクをクリックしたときにのみ部分ビューをレンダリングする必要はなく、部分ビューがロードされているときに部分ビューをレンダリングし、部分ビューがロードされている間に進行状況インジケータを表示することもできます。

これを達成する方法は？

ありがとうございます。

Answer 1

上

Answer 2

@Html.Partial(...)と書いて最初のページに表示することができます。あなたがページをロードし、その後、AJAX経由部分ビューをロードしたい場合は、ActionMethodことを（jqueryのAJAX操作を使用して）デフォルトページ

<div id='mod1'>Loading...</div> 
<script type="text/javascript"> 
      $("#mod1").load("/ControllerName/GetModule?partialName=test1");   
</script> 

Answer 3

コントローラ

public ActionResult GetModule(string partialName){ 
    return PartialView("~/Views/Shared/"+partialName); 
} 

を作成することができます次のようなことをします：

public ActionResult Create() 
{ 
    var model = new MyModel(); 

    if (Request.IsAjaxRequest()) 
    { 
      return PartialView("_Partial", model.PartialModel); 
    } 
    else 
    { 
      return View(model); 
    } 
} 

あなたのページで次のようなもの：

$(function(){ 

    $(document).ajaxStart(function() { 
     //show a progress modal of your choosing 
     showProgressModal('loading'); 
    }); 
    $(document).ajaxStop(function() { 
     //hide it 
     hideProgressModal(); 
    }); 

    $.ajax({ 
      url: '/controller/create', 
      dataType: 'html', 
      success: function(data) { 
      $('#myPartialContainer').html(data); 
      } 
    }); 
});