zoukankan      html  css  js  c++  java
  • 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);
                    }
                });
            }
    
     

    以上,结束!是不是挺简单的呢,去试试吧!

  • 相关阅读:
    [POI2007]山峰和山谷Grz
    [POI2007]驾驶考试egz
    [POI2007]立方体大作战tet
    BZOJ1085 [SCOI2005]骑士精神
    BZOJ1975 [Sdoi2010]魔法猪学院
    codeforces754D Fedor and coupons
    UOJ79 一般图最大匹配
    BZOJ3944 Sum
    BZOJ3434 [Wc2014]时空穿梭
    UOJ58 【WC2013】糖果公园
  • 原文地址:https://www.cnblogs.com/kekelele/p/11276251.html
Copyright © 2011-2022 走看看