mvc 部分页

  在一些复杂的项目中，我们经常会遇到一个页面存在很多模块，存在页面交互或者加载数据过多等问题，这种时候，我们很可能会考虑到通过使用部分页来解决这个问题（ps:当然还有很多的解决方案，在这里只是简单介绍这一种方案）。使用部分页的优点很多了，比如：可以缓解第一次加载数据时用户等待时长，缓解一个页面中js交互太多导致代码的可维护性降低等问题。那么，如何使用部分页呢？下面开始简单介绍：

 

step1: 创建部分页

 

然后，跟其他的controller创建是一致的，例如我们创建的部分页面名称为 “_PartialViewTest” ，Controller名称与页面名称一致（我一般都是这样命名，也比较符合MVC的规范和路由），那么在父页面中如何使用呢？

 

 

两种方案：方案一，直接加载；方案二：通过调用JS的方法，在合适的时间事件之后，进行数据的加载。

直接加载：
 @Html.Partial("_PartialViewTest")

js调用：首先创建一个存储部分页面的容器

 

 function loadPartival() {
            $.ajax({
                url: '@Url.Action("_PartialViewTest")',
                data: 你要传递的参数,
                type: 'POST',
                success: function (data) {
                    $('#Panel').empty().append(data);
                }
            });
        }

 

以上，结束！是不是挺简单的呢，去试试吧！