博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
无刷新 分页评论
阅读量:6981 次
发布时间:2019-06-27

本文共 1848 字,大约阅读时间需要 6 分钟。

服务器端代码
567993-20160318145528756-127910391.png
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
26
27
28
29
30
string 
action = context.Request [
"action"
];
        
if
(action ==
"getpagecount"
)
        
{
            
var adapter = 
new 
T_CommentsTableAdapter();
            
int 
count = adapter.SelectCount ().Value;
            
int 
pagecount = count / 10;
            
if
(count %10!= 0)
            
{
                
pagecount ++;
            
}
            
context .Response.Write(pagecount );   
        
}
        
else 
if 
(action== 
"getpagedata"
)
        
{
            
string 
pagenum = context.Request [
"pagenum"
];
            
int 
iPageNum = Convert.ToInt32 (pagenum);
            
var adapter = 
new 
T_CommentsTableAdapter();
            
var data = adapter.GetPageData((iPageNum - 1 ) * 10+1 ,iPageNum*10);
//得到所在页的评论
            
            
//新建Comment类的List
            
List <Comment> list = 
new 
List< Comment>();       
            
foreach 
( var row 
in 
data )
            
{
                
list .Add( 
new 
Comment() { PostDate = row.PostDate.ToShortDateString() , Msg = row.Msg });
            
}
            
            
JavaScriptSerializer jss = 
new 
JavaScriptSerializer();
            
context .Response.Write(jss .Serialize(list));
//转化成简单的Comment对象以后再进行序列化
            
        
}
567993-20160318145529021-545554925.png
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
26
27
28
29
<script type =
"text/javascript" 
>
        
$ (
function 
() {
            
$ .post(
"PagedService.ashx" 
, { 
"action"
"getpagecount" 
}, 
function 
(data, status) {
                
for 
(
var 
i = 1; i <= data; i ++) {
                    
var 
td = $ (
"<td><a href=''>" 
+ i + 
"</a></td>" 
);
                    
$ (
"#trPage" 
).append (td);
                    
td .click(
function 
(e) {
                        
e .preventDefault ();
                        
$ .post(
"PagedService.ashx" 
, { 
"action"
"getpagedata" 
"pagenum" 
: $ (
this
).text () }, 
function 
(data, status) {
                            
var 
comments = $.parseJSON (data);
                            
$ (
"#ulComment" 
).empty ();
                            
for 
(
var 
i = 0; i < comments. length; i ++) {
                                
var 
comment = comments[ i];
                                
var 
li = $ (
"<li>" 
+ comment. PostDate + 
":" 
+ comment. Msg + 
"</li>" 
);
                                
$ (
"#ulComment" 
).append (li);
                            
}
                        
});
                
});
            
}
        
});
 
    
});
    
</script>
</head >
<body >
<ul id =
"ulComment" 
></ul >
<table >
<tr id =
"trPage" 
></tr >
</table >
567993-20160318145529412-53068790.gif

附件列表

 

转载于:https://www.cnblogs.com/zhxshseu/p/5292117.html

你可能感兴趣的文章
响应式布局设计
查看>>
node中 模块导入和导出的探究
查看>>
spring mvc如何计算BEST_MATCHING_PATTERN_ATTRIBUTE
查看>>
jQuery源码 - extend 继承&拷贝 解析
查看>>
Spark on Angel:Spark机器学习的核心加速器
查看>>
Facebook开源ptr:在Python环境中并行运行单元测试
查看>>
Redis高可用之主从复制实践(四)
查看>>
SpringBoot 手写拦截器
查看>>
为什么我们做分布式使用Redis?
查看>>
py 决策树①
查看>>
帮您找到正确的提问渠道
查看>>
JavaScript—ES6关于Promise的用法(19)
查看>>
Google发布机器学习平台Tensorflow游乐场~带你玩神经网络(转载)
查看>>
centos6.0下安装FTP客户端命令
查看>>
SAN存储方式之falconstor实施方案(2)
查看>>
Bokeh快速入门(1)
查看>>
读取本机的Java运行环境和相关配置文件的内容
查看>>
Linux系统下的RZSZ(文件传输工具)
查看>>
第5章选择结构程序设计
查看>>
linux 下网络流量监控
查看>>