在一些复杂的项目中,我们经常会遇到一个页面存在很多模块,存在页面交互或者加载数据过多等问题,这种时候,我们很可能会考虑到通过使用部分页来解决这个问题(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);
}
});
}
以上,结束!是不是挺简单的呢,去试试吧!