asp.net-mvc-3 - 如何将部分 View 结果附加到 div 中？

Question

我有一个 div id="comments"在此我一次显示 10 条评论。当用户想要查看下一条评论时，我提供了一个按钮来收集接下来的 10 条评论。对于下一条评论，我创建了部分 View ，将剩余的 10 条评论显示到另一个 div morecomments 中。

我的问题是，当我显示接下来的 10 条评论时，它显示了所有 20 条评论，但整个评论 div 正在刷新，如何防止加载整个评论 div。

我的代码在这里:

<div id="comments">

 // Display Comments

 <div id="moreButton">
      <input type="submit" id="more" class="morerecords" value="More Post" />
 </div>

</div>

<div id="morecomments">

</div>

Jquery::

$('.morerecords').livequery("click", function (e) {
            // alert("Showing more records...");
            var next = 10;            
            var url = '@Url.Action("ViewMore", "Home")'
            var data = { nextrecord: next};
             $.ajax({
                type: "POST",
                url: url,
                data: data,
                success: function (result) {
                 $("#morecomments").html(result);
                 }
             });

        });

在上面的代码中，我第一次收到 10 条评论，当用户单击更多帖子按钮时，它将显示上面 10 条评论以及接下来的 10 条评论。但整个 div 正在刷新。

我必须做哪些更改才能获得用户评论而不影响之前显示的评论？

假设用户在他的部分中有 50-60 条帖子，那么所有评论都应该在点击“更多帖子”按钮时显示 10+ 等等...

我怎样才能做到这一点？

Answer 1

您需要过滤您的记录并将其放在注释 div 中...您的代码应如下所示:

$('.morerecords').livequery("click", function (e) {
        var next = 10;            
        var url = '@Url.Action("ViewMore", "Home")'
        var data = { nextrecord: next};
        var older_records = $("#morecomments").text();
        $.("comments").append(older_records); //When you will get next record data, older data will be filled in comment div.
         $.ajax({
            type: "POST",
            url: url,
            data: data,
            success: function (result) {
             $("#morecomments").html(result);
             }
         });

    });