分页考虑采用ajax实现局部刷新
注意:1.如果是搜索后结果的分页,分页显示时也要注意把搜索的参数值传递过去
2.分页必须对页号进行处理,判断页号的实际值,使其在页码范围内
3.分页一般涉及几个方面:总记录数,总页数,当前页,当前页记录数
<span onclick="pageStore(this)">上一页</span>
<span onclick="pageStore(this)">${currPageNo}</span>
<span onclick="pageStore(this)">${currPageNo+1}</span>
<span onclick="pageStore(this)">下一页</span>
var num = $(obj).html();
if(num=="上一页")
num=${currPageNo-1};
if(num=="下一页")
num=${currPageNo+1};
alert(num);
var pageType = $('#pageType').val();
alert(pageType);
var alias =$("#alias").val();
$.ajax({
type:"post",
url:"${pageContext.request.contextPath}/user/searchStore.action",
data:{"alias":alias,"currPageNo":num,"pageType":pageType},
success:function(msg){
//var map = $.parseJSON(msg);
var allStr ='<div id="index_first3"><p><input type="text" id="content" value="已为您搜索到以下内容(按照店铺名称搜索)"/><input type="button" value="搜索" id="search" onclick="searchStore()"/><input type="hidden" value="'+pageType+'" id="pageType"><input type="hidden" value="'+alias+'" id="alias"></p>';
var pageStr='';
var storeStr='';
$.each(msg,function(key,value){
//集合嵌套集合,分页、商家显示
if(key=="所有店铺"){
alert(key);
if(value!=null){
$.each(value,function(i,store){
storeStr=storeStr+'<div class="store"><div class="img"><img src="../img/boy.jpg" /></div><div class="store_content" ><p><a href="${pageContext.request.contextPath }/user/businessUI.action?stids='+store.stids+'&uids=${users.uids}">店家:'+store.alias +'</a></p><p>店家宗旨:'+store.title+'</p></div></div>';
});
}
}
if(key=="分页"){
alert(key);
$.each(value,function(allPage,currPageNo){
if(allPage==1){
pageStr=pageStr+'<div class="page" ><span>共'+${allPage}+'页</span></div>';
}else
if(allPage==2){
pageStr=pageStr+'<div class="page" ><span>共${allPage}页</span><span onclick="pageStore(this)">上一页</span><span onclick="pageStore(this)">${currPageNo}</span></span><span onclick="pageStore(this)">${currPageNo+1}</span><span onclick="pageStore(this)">下一页</span></div>';
}else if(allPage>=3){
pageStr=pageStr+'<div class="page" ><span>共${allPage}页</span><span onclick="pageStore(this)">上一页</span><span onclick="pageStore(this)">${currPageNo}</span><span onclick="pageStore(this)">${currPageNo+1}</span><span onclick="pageStore(this)">${currPageNo+2}</span><span onclick="pageStore(this)">下一页</span></div>';
}
});
}
});
allStr=allStr+storeStr+pageStr+'</div>';
alert(allStr);
$('#index_first3').remove();
$('#index_first2').after(allStr);
}
});