mvc 部分視圖實現無刷新分頁

一。部分視圖代碼。

1，引用你自己的model

@model WebSite.Areas.m.Models.FlOfficial.fllist

2，引用分頁控件的命名空間

@using Webdiyer.WebControls.Mvc;

3，分頁控件設置：

            @Html.AjaxPager(Model.vPager, "listdata", "FlOfficial", new PagerOptions { PageIndexParameterName = "page" }, new AjaxOptions { UpdateTargetId = "ceshi111",InsertionMode=InsertionMode.Replace  })//ceshi111是把要分頁的部分內容放在id爲ceshi111的div中。讓其只刷新這裏面的內容

二、用部分視圖的頁面

1,引用js

<script type="text/javascript" src="/content/js/MicrosoftMvcAjax.js"></script>
<script type="text/javascript" src ="/content/js/MicrosoftAjax.js"></script>
<script type="text/javascript" src="/content/js/jquery.unobtrusive-ajax.min.js"></script>

2，根據條件刷新的ajax方法

    function change() {
        var url1 = '@Url.Action("listdata", "FlOfficial")';
        url1 += "?Proid=" + proid + "&Cid=" + cityid + "&Lanmu=" + lanmu + "&Examtype=" + etype + "&Pageinfo=" + pageinfo + "&mark=" + Math.random();
        $.ajax({ url: url1, success: function (data) {
            document.getElementById("allhtm").innerHTML = data;
        }
        })
    }

3，頁面加載時加載部分視圖 

  <div id="allhtm">
         @Html.Action("listdata", "FlOfficial", new { Pageinfo = "下載", Proid =ViewBag.pro})
         </div>