最近我遇到了困惑的问题。
我想根据以下链接延迟加载: ASP.NET MVC Infinite Scrolling Jquery
运行项目并使用已实现的功能时。一切正常,但jquery没有。 它附加我的数据两次看图像: pay attention to first field which is a number
每件事都没问题(firebug说明了正确的数据) 但那里发生了什么。
我的jquery代码是:
var page = 1;
var scrollHandler = function () {
if (($(window).scrollTop() == $(document).height() - $(window).height()))
loadMoreToInfiniteScrollTable();
}
function loadMoreToInfiniteScrollTable() {
page++;
$.ajax({
type: 'GET',
url: dataUrl,
data: "p=" + page,
success: function (data) {
if (data) {
$('tbody').append( data );
}
}
});
}

调用方法
<script type="text/javascript">
var dataUrl = '@Url.RouteUrl("UserInfo")';
$(window).scroll(scrollHandler);
</script>
&#13;
控制器动作方法: 它的填充视图一次
public List<inf> lst;
public ActionResult ExpressionDetail()
{
var data = lst.Where(f=>f.id>0&&f.id<lenght).OrderBy(i=>i.id);
return View(data);
}
和页面分隔的部分视图:
[HttpGet]
public ActionResult _TableData(int? p=0)
{
int firstfrom = p ?? 1;
int endfrom = (firstfrom > 1 ? (firstfrom - 1) * lenght : 0);
var g= lst.OrderBy(i=>i.id).Skip(endfrom-1).Take(lenght).AsEnumerable();
return PartialView(g);
}
路线配置:
routes.MapRoute("UserInfo", "",new {Controller= "Default", Action= "_TableData" });
const lenght:
public const int lenght = 15;
partialview:
@model IEnumerable<testable.Models.inf>
@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.id)
</td>
<td>
@Html.DisplayFor(modelItem => item.name)
</td>
</tr>
}
和主要观点:
@model IEnumerable<testable.Models.inf>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>ExpressionDetail</title>
</head>
<body>
<table class="table">
<tr>
<th>
Id
</th>
<th>
name
</th>
</tr>
@Html.Partial("_TableData", Model)
<tbody>
</tbody>
</table>
</body>
</html>
inf model
public class inf
{
public int id { get; set; }
public string name { get; set; }
}
答案 0 :(得分:0)
我的问题只通过移除一个tbody来解决,因此在感觉后面生成了两个there,所以通过避免return JsonResponse([{'message':'Invalid login details supplied.'}])
表达我们的问题解决了并且它正常工作。