• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

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

 

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

 

 

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

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

 

1
2
3
4
5
6
7
8
9
10
11
12
ALTER PROCEDURE ps_getpageandload
    @aid int,
    @startindex int,
    @endindex int
AS
    select  * from
    (
        select Row_Number() over(order by CID) as rownum,Username,Comment
        from T_Comments where AID=@aid
    ) as T
    where T.rownum>=@startindex and T.rownum<=@endindex
    RETURN

 

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

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

 

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

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
【无私分享：ASP.NETCORE项目实战（第八章）】读取配置文件（二）读取自定义配置文件 ...发布时间：2022-07-10
下一篇：
我的asp.net中GridView和ObjectDataSource的最佳实践发布时间：2022-07-10
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap