if (currentY - lastY > 200 * (page - 1)) {
lastY = currentY;
page++;
$.get('CommentFeed/Comments?page=' + page,
function(data) {
$('#comments').append(data);
});
}
}
});
</script>
<div id="comments">
<h2>
Recent Comments</h2>
@Html.Partial("../CommentFeed/Comments", Model)
</div>
在上面的例子，执行滚动窗口时也有一些比较复杂的JavaScript代码会执行。一些全局JavaScript变量被定义去保持监控当前的“Y”滚动的位置，最后的“Y”滚动位置和当前被检索的页面。当窗口的scrollTop位置减去最后的滚动位置是大于一个具体的数字，通过Ajax检索新书评论并附加到评论列表。
你将根据你自己的网站去根据矫正那个具体的数字，基于内容的高度，要确保新的内容总是要提前检索。
下一步，HomeController需要更新检索图书评论列表。 评论在降序排序，以确保最新的创建日期评论首先显示。为了防止激烈的数据库负载，全部评论将减少到一个小数目。这应该根据你的网站去调节，以确保有足够的内容，导致滚动。在下面的例子，建议被限制在3。分页的最大数也取决于评论总数于除以3。一旦最大的评论数已经返回，最大分页数是用来防止进一步的Ajax调用。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Globalization;
using System.Data.Entity;
using MvcApplication.Models;
namespace MvcApplication.Controllers
{
public class HomeController : Controller
{
private BookDBContext db = new BookDBContext();
public ActionResult Index()
{
ViewBag.Message = "Welcome to ASP.NET MVC!";
// Get our recent comments
var bookcomments = db.BookComments.Include(b => b.Book).OrderByDescending(b => b.Created).Take(3);
var count = db.BookComments.Count();
ViewBag.maxPages = count / 3 + 1;
return View(bookcomments);
}
public ActionResult ChangeLanguage(string language)
{
Session["CurrentLanguage"] = new CultureInfo(language);
return Redirect("Index");
}
public ActionResult About()
{
return View();
}
public ActionResult MobileTest()
{
return View();
}
public ActionResult MobileTest2()
{
return View();
}
}
}同样的功能需要被复制到一个新的异步controller。控制器文件夹选中，右键单击并选择“添加→控制器。新
控制器将被命名为CommentFeedController。该控制器不需要脚手架模板功能，下拉，选择空
控制器，然后按添加。
这个控制器会看起来与一个典型的控制器稍有不同。使用异步控制器，一个view将分成两个函数。第一个函数执行的异步
