使用ajax渲染局部视图

本文关键字：视图 染局 ajax 使用 | 更新日期: 2023-09-27 18:08:35

我检查了这个问题，它解决了我最初的问题。但是我不希望只在用户单击链接时呈现部分视图，我希望在加载页面时呈现部分视图，并且在加载部分视图时可能显示进度指示器。

如何实现?

非常感谢您的阅读

使用ajax渲染局部视图

如果你想加载页面，然后通过ajax加载部分视图，你可以创建一个ActionMethod，这样做:

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);
          }
    });
});

控制器

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

的默认页面(使用jquery ajax操作)

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

您可以在初始页面中使用@Html.Partial(...)。

相关文章：