Asp.net使用JQuery实现评论的无刷新分页及分段延迟加载效果

首先建立数据库，数据关系图如下：



本文要实现的效果就是在评论别人文章时，如果文章内容过长或者评论内容过长，实现的一个评论分段延迟加载的效果，即每页可显示30条评论，可每隔10条延迟加载一次以提高网页传输显示效率。

我所实现的页面延迟的原理如下图，就是求出X的距离小于100时进行加载延迟的评论，然后又设置了一个标记位，用来判断延迟加载了多少次，每页仅能加载30条评论记录。



然后再评论末端加载上页码实现无刷新进行分页的效果。

分页的方法也是比较简单的，这里自己实现了一个存储过程，使用到row_number()函数：

就是输入一个起始位置的参数和结束位置的参数，取出中间的数据。

这样，在程序中就好取出数据了，比如：我第一页就是要1-30的数据，就让startindex=1,endindex=30就行了；第二页就是31-60的数据，同理。

LoadArticle.ashx：一个一般处理程序，用来加载文章内容，源代码如下：

LoadCommentAndPaging.ashx：也是一个一般处理程序，用于加载评论，源代码如下：

CommnetPage.htm：最后是前台页面的JQuery代码