静态分页,不刷新页面
来源:互联网 发布:mac xquartz 用法 编辑:程序博客网 时间:2024/05/17 05:54
//---------------------------controll
@ResponseBody
@RequestMapping(value = "/getBulletinNewsList")
public String getBulletinNewsList(String pagecc,String tpage){//pagecc操作,tpage当前页
int pageNum = 0;
if(tpage==null||"".equals(tpage)) tpage = "1";
int count = Integer.parseInt(bulletinNewsService.findPageSize1());
int pagesize = count/10 + 1;//总页数
if(pagecc=="del"||"del".equals(pagecc)){
pageNum = Integer.parseInt(tpage)-2;
if(pageNum<0) pageNum = 0;
}else if(pagecc=="first"||"first".equals(pagecc)){
pageNum = 0;
}else if(pagecc=="add"||"add".equals(pagecc)){
pageNum = Integer.parseInt(tpage);
if(pageNum>pagesize-1) pageNum = pagesize-1;
}else if(pagecc=="last"||"last".equals(pagecc)){
pageNum = pagesize-1;
}
ResultJson result = new ResultJson();
String html="";
try {
List<Object[]> bn = bulletinNewsService.findAllBulletinNews(pageNum*10,10);
if(bn.size()>0){
for(int i=0;i<bn.size();i++){
if(bn.get(i).length>0){
html+="<li><span class='mew_message_data float_r'>"+bn.get(i)[5]+"</span>"+
"<span style='font-size:13px;' class='mew_message_text'><input type='button' onclick='news("+bn.get(i)[0]+");' title='查看详情' value='"+bn.get(i)[1]+"'/></span>";
if((int)bn.get(i)[10]==2) html+= "<span style='font-size:8px;color:red;'>【紧急消息】</span>";
if((int)bn.get(i)[4]==1) html+= "<img src='../resources/images/frame/hot_ico.png'/>";
html+="</li>";
}
}
}
} catch (Exception e) {
e.printStackTrace();
}
result.setMsgCode(""+(pageNum+1));
result.setMessage(html);
return JsonUtil.toJSONString(result);
}
//------------------html
<div class="index_new_message float_l">
<div class="item_title">公告消息</div>
<ul id="newsList"><!-- 公告消息列表 -->
</ul>
<div style="text-align: center;"><input type="button" value="首页" onclick="newsPage('first');"/>
<input type="button" value="上一页" onclick="newsPage('del');"/>
<input id="tpage" type="button" />
<input type="button" value="下一页" onclick="newsPage('add');"/>
<input type="button" value="尾页" onclick="newsPage('last');"/></div>
</div>
//-----------js
$(function(){
newsPage("first");
});
function newsPage(pagecc){
$.ajax({
type : "POST",
url:"${path}/main/getBulletinNewsList.do",
dataType: 'json',//返回数据的类型
data:{pagecc:pagecc,tpage:$("#tpage").val()},
success:function (data) {
$("#newsList").html("");
$("#newsList").append(data.message);
$("#tpage").val(data.msgCode);
}
});
}
@ResponseBody
@RequestMapping(value = "/getBulletinNewsList")
public String getBulletinNewsList(String pagecc,String tpage){//pagecc操作,tpage当前页
int pageNum = 0;
if(tpage==null||"".equals(tpage)) tpage = "1";
int count = Integer.parseInt(bulletinNewsService.findPageSize1());
int pagesize = count/10 + 1;//总页数
if(pagecc=="del"||"del".equals(pagecc)){
pageNum = Integer.parseInt(tpage)-2;
if(pageNum<0) pageNum = 0;
}else if(pagecc=="first"||"first".equals(pagecc)){
pageNum = 0;
}else if(pagecc=="add"||"add".equals(pagecc)){
pageNum = Integer.parseInt(tpage);
if(pageNum>pagesize-1) pageNum = pagesize-1;
}else if(pagecc=="last"||"last".equals(pagecc)){
pageNum = pagesize-1;
}
ResultJson result = new ResultJson();
String html="";
try {
List<Object[]> bn = bulletinNewsService.findAllBulletinNews(pageNum*10,10);
if(bn.size()>0){
for(int i=0;i<bn.size();i++){
if(bn.get(i).length>0){
html+="<li><span class='mew_message_data float_r'>"+bn.get(i)[5]+"</span>"+
"<span style='font-size:13px;' class='mew_message_text'><input type='button' onclick='news("+bn.get(i)[0]+");' title='查看详情' value='"+bn.get(i)[1]+"'/></span>";
if((int)bn.get(i)[10]==2) html+= "<span style='font-size:8px;color:red;'>【紧急消息】</span>";
if((int)bn.get(i)[4]==1) html+= "<img src='../resources/images/frame/hot_ico.png'/>";
html+="</li>";
}
}
}
} catch (Exception e) {
e.printStackTrace();
}
result.setMsgCode(""+(pageNum+1));
result.setMessage(html);
return JsonUtil.toJSONString(result);
}
//------------------html
<div class="index_new_message float_l">
<div class="item_title">公告消息</div>
<ul id="newsList"><!-- 公告消息列表 -->
</ul>
<div style="text-align: center;"><input type="button" value="首页" onclick="newsPage('first');"/>
<input type="button" value="上一页" onclick="newsPage('del');"/>
<input id="tpage" type="button" />
<input type="button" value="下一页" onclick="newsPage('add');"/>
<input type="button" value="尾页" onclick="newsPage('last');"/></div>
</div>
//-----------js
$(function(){
newsPage("first");
});
function newsPage(pagecc){
$.ajax({
type : "POST",
url:"${path}/main/getBulletinNewsList.do",
dataType: 'json',//返回数据的类型
data:{pagecc:pagecc,tpage:$("#tpage").val()},
success:function (data) {
$("#newsList").html("");
$("#newsList").append(data.message);
$("#tpage").val(data.msgCode);
}
});
}
阅读全文
0 0
- 静态分页,不刷新页面
- ajax页面不刷新的分页
- php 做分页ajax页面不刷新
- html 静态页面js文件不刷新
- JQUERY+PHP实现无刷新页面分页 jq页面不刷新完成分页例子
- PHP + AJAX 实现无刷新分页 不刷新页面实现分页 PHP AJAX
- PHP + AJAX 实现无刷新分页 不刷新页面实现分页 PHP AJAX
- 生成静态页面时候1不小心刷新了办
- 页面无刷新分页
- ajax静态页面无刷新添加留言,无刷新分页,翻页综合应用
- ajax静态页面无刷新添加留言,无刷新分页,翻页综合应用
- 不刷新页面---刷新数据
- 不刷新页面---刷新数据
- 分页静态页面
- 静态页面时,Firefox F5刷新,input类标签不刷新
- 页面不刷新
- 载入静态页面时刷新
- ajax静态刷新页面方法
- SpringMVC @RequestBody接收Json对象字符串
- java 拼接http请求
- 实用工具下载
- 10分钟玩转Selenium自动化
- http://blog.csdn.net/evankaka
- 静态分页,不刷新页面
- 微信小程序的一点点开发经验
- ESP8266使用入门教程
- 文章标题
- Mysql-密码破解、配置文件、时间枚举、外键
- Struts2_防止重复提交的token拦截器
- Android扫一扫(Zxing),闪光灯,生成二维码图片,解析二维码(条码)等
- scala将两个数组合并成一个
- 拉格朗日对偶