数码资讯
ajax实现页面无刷新功能代码
不多,直接代码: 下面是js部分: 复制代码代码如下所示: VaR PageSize = 10; / /每个页面的行数 无功currentpage = 1; / /当前页 无功totalpage = 0; / /总页数 无功行数= 0; / /总人数 var参数= ; / /参数 var url =
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
不多,直接代码:
下面是js部分:
复制代码代码如下所示:
VaR PageSize = 10; / /每个页面的行数
无功currentpage = 1; / /当前页
无功totalpage = 0; / /总页数
无功行数= 0; / /总人数
var参数= ; / /参数
var url =activity_list。行动; / /行动
加载文档加载的$(文档)Ready(函数())
分页查询
功能queryforpages(){
$ ajax({
网址,
类型:'post,
DataType:'json,
数据:去。currentpage =+ +currentpage QO。PageSize =+ PageSize +参数,
成功:功能callbackfun(数据){
JSON分析
VaR信息= eval((+数据+));
空数据
cleardate();
filltable(信息);
}
});
}
填充数据
功能filltable(信息){
如果(信息长度> 1){
totalpage =信息{信息。length-1 totalpage };
无功tbody_content = ; / / 不初始化字符串
对于(var i = 0;i < info.length-1;i++){
= tbody_content
+ +(I + 1 +(currentpage-1)* PageSize)+
+ +信息{我}。title.substr(20)+
+ +信息{我}。address.substr(0,6)+
+ +信息{我}。quota_sign + 人
+++。
+ / activity_edit。actionid =+信息{我}。编号+>编辑
$(# t_body )Html(tbody_content);
}
其他{ }
$(# t_head)。Html();
$(# t_body)。Html(+信息。味精+ );
}
}
空数据
功能cleardate(){
$(# t_body)。Html();
}
搜索
$(# searchactivity)。Click(function(){ queryforpages();});
/家
$(#第一页)。Click(function(){)
currentpage =1;
queryforpages();
});
$(#以前)。Click(function(){)
如果(currentpage > 1){
currentpage --;
}
queryforpages();
});
下一页
$(#下)。Click(function(){)
如果(currentpage < totalpage){
currentpage + +;
}
queryforpages();
});
。
$(#上)。Click(function(){)
currentpage = totalpage;
queryforpages();
});
});
下面是HTML代码部分:
复制代码代码如下所示:
序列号
标题
地方
已经注册的
类别
操作
首页
上一页
下一页
尾页
下面是js部分:
复制代码代码如下所示:
VaR PageSize = 10; / /每个页面的行数
无功currentpage = 1; / /当前页
无功totalpage = 0; / /总页数
无功行数= 0; / /总人数
var参数= ; / /参数
var url =activity_list。行动; / /行动
加载文档加载的$(文档)Ready(函数())
分页查询
功能queryforpages(){
$ ajax({
网址,
类型:'post,
DataType:'json,
数据:去。currentpage =+ +currentpage QO。PageSize =+ PageSize +参数,
成功:功能callbackfun(数据){
JSON分析
VaR信息= eval((+数据+));
空数据
cleardate();
filltable(信息);
}
});
}
填充数据
功能filltable(信息){
如果(信息长度> 1){
totalpage =信息{信息。length-1 totalpage };
无功tbody_content = ; / / 不初始化字符串
对于(var i = 0;i < info.length-1;i++){
= tbody_content
+ +(I + 1 +(currentpage-1)* PageSize)+
+ +信息{我}。title.substr(20)+
+ +信息{我}。address.substr(0,6)+
+ +信息{我}。quota_sign + 人
+++。
+ / activity_edit。actionid =+信息{我}。编号+>编辑
$(# t_body )Html(tbody_content);
}
其他{ }
$(# t_head)。Html();
$(# t_body)。Html(+信息。味精+ );
}
}
空数据
功能cleardate(){
$(# t_body)。Html();
}
搜索
$(# searchactivity)。Click(function(){ queryforpages();});
/家
$(#第一页)。Click(function(){)
currentpage =1;
queryforpages();
});
$(#以前)。Click(function(){)
如果(currentpage > 1){
currentpage --;
}
queryforpages();
});
下一页
$(#下)。Click(function(){)
如果(currentpage < totalpage){
currentpage + +;
}
queryforpages();
});
。
$(#上)。Click(function(){)
currentpage = totalpage;
queryforpages();
});
});
下面是HTML代码部分:
复制代码代码如下所示:
序列号
标题
地方
已经注册的
类别
操作
首页
上一页
下一页
尾页
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。