原理是先将需要展示内容的div单独提取出来,放到一个新的页面,在需要展示的时候,直接通过AJAX请求页面,然后展示,实现DIV懒加载,在数据多的时候可以将数据分成很多段,用户滚动到需要展示的位置在加载,大大提高打开网页的速度。
效果图:
1.在没有拉到底部的时候显示一个gif加上提示语
2.在滚动条拉到底部的时候,加载下一页内容
HTML:
<div id="tiezi">
//假如有一百条数据,这里在用户打开页面的时候展示前10条
</div>
<div id="result">
@using (Ajax.BeginForm("TieziFenYe", "Original", new AjaxOptions()
{
HttpMethod = "POST",
InsertionMode = InsertionMode.InsertAfter,//这里是指把得到的结果更新在id为tiezi的div后面
UpdateTargetId = "tiezi",
}))
{
//pagenum:所有数据可以分多少页(按一页10条数据分)
//ViewBag.num:从后台获取所有数据的个数
int pagenum = ViewBag.num % 10;