Question

我有一个加载了部分列表的div：

@foreach (var comment in Model.Comments)
    {
        Html.RenderPartial("~/Views/Comment/_CommentView.cshtml", comment);
    }

当用户向下滚动到页面底部时，我在该div中加载新注释：

public ActionResult LoadMore(int pageIndex)
        {
            int _pageSize = 10;
            var model = ... get comments
            return Json(model.ToList(), JsonRequestBehavior.AllowGet);
        }

在页面jquery函数中，我添加了新的注释，如

for (var i = 0; i < response.length; i++) {
            ctrls.push("<div class='comment'> <h4>" +"response[i].CommentText" + "</h4></div>");
        }

但是这段代码根本不可重复使用，所以我想让它变得更好是否可以：

1）以某种方式渲染部分JS函数并传递数据？
2）从ActionMethod返回部分内容列表，只需从JS函数中添加它？

Answer 1

您肯定会从Controller Method返回PartialView结果。在这种情况下，您必须返回部分视图而不是JSON。该局部视图直接包含要呈现的html，因此在ajax调用的成功方法中将其添加到您的容器中。

 public ActionResult LoadMore(int pageIndex)
 {
 int _pageSize = 10;
 var model = ... get comments
 return Partial("Comment" , model);
 }

Ajax Call

$.ajax({
  url: ''  // set as your wish
  data:    // pageIndex
  success : function(data){
      $('#commentContainer').append(data);
 }
});

是否可以在ASP MVC中从jquery渲染局部视图

1 个答案: