MVC PartialView 方式实现点击加载更多

<div>
    <button id="btnShowMore">显示更多</button>
</div>
<form>
    <input type="hidden" id="pIndex" name="pIndex" value="0" />
</form>
<script type="text/javascript">
    $Content = $("#MovieListing");//填充父容器
    $PIndex = $("#pIndex");//

    $(function () {
        $("#btnShowMore").click(function () {
            ShowMore();
        });

        ShowMore();
    });

    function ShowMore() {
        $.ajax({
            url: "Listing",
            data: { pIndex: $PIndex.val() },
            success: function (data) {
                $Content.append(data);
                $PIndex.val(+($PIndex.val()) + 1);
            }
        });
    }

</script>