asp.net mvc 无刷新加载

1、视图（index）

    <!--start-->
    <div data-am-widget="list_news" class="am-list-news am-list-news-default">
        <!--列表标题-->
        <div class="am-list-news-bd">
            <ul class="am-list" id="NewsList">
                @{ Html.RenderPartial("PartialNews", Model);}
            </ul>
        </div>
    </div>
    <button type="button" class="am-btn am-btn-primary am-btn-block" pageindex="1" onclick="LoadData(this,'/News/Index?Id=@ViewBag.Id', 'NewsList')">加载更多</button>
    <button class="am-btn am-btn-default" style="display: none"><i class="am-icon-spinner am-icon-spin"></i>加载中</button>
    <!--end-->

2、对应的部分视图（PartialNews）

@foreach (var item in Model)
{
    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
        <div class="am-u-sm-4 am-list-thumb">
            
            <a href="/Mobile/News/Detail/@item.ID" class="">
                <img src="@(item.Image??"/Images/defaultnew.png")" alt="@item.Title" />
            </a>
        </div>
        <div class=" am-u-sm-8 am-list-main">
            <h3 class="am-list-item-hd">
                <a href="/Mobile/News/Detail/@item.ID" class="text_block">@item.Title</a>
            </h3>
            <div class="am-list-item-text">@item.CreateDate</div>
            <div class="am-list-item-text">@item.MinDes.RemoveHTMLTags()</div>
        </div>
    </li>
}

3、js函数

<script>
        function LoadData(o, u, p) {
            $(o).hide().next().show();
            var pageindex = parseInt($(o).attr("pageindex"));
            pageindex++;
            $(o).attr("pageindex", pageindex);
            if (u.indexOf('?') < 0) {
                u = u + "?from=data"
            }
            $.get(u + "&pageindex=" + pageindex, function (data) {
                if (data == "") {
                    $(o).attr("pageindex", parseInt($(o).attr("pageindex")) - 1)
                    $(o).show().next().hide()
                    $(o).html("没有更多了!");
                    $(o).removeAttr("onclick");
                } else {
                    $(data).appendTo($("#" + p));
                    $(o).show().next().hide()
                }
            });
        }
    </script>