頁面:
<!-- /頁碼 -->
<div class="pages" style="margin-top:30px;border: 0px solid black;">
<div class="page-panel" style="border: 0px solid black;width: 100%;text-align: right;margin-top: 30px;">
<div style="float: right;">
<a href="javascript:searchOrder('previousPage')" class="prev on">上一頁</a>
<a href="javascript:searchOrder('netPage')" class="next on">下一頁</a>
<span>共10條</span>
<span>跳到</span>
<input type="text" name="pageIndex" id="pageIndex"/><span>頁</span>
<a href="javascript:searchOrder('pageText')" class="next on">GO</a>
</div>
</div>
</div>
js:
$(function(){
searchOrder(null);
});
function searchOrder(type) {
var pageIndex=null;
if(type=='pageText'){
pageIndex=$("#pageIndex").val();
}
$.ajax({
url : "${APP_PATH}/jewelry/queryProContller.do",
type : "POST",
data : {"type":type,"pageIndex" : pageIndex}, //當前頁面
dataType : "json",
success : function(data) {
var html = "";
if (data.success) {
$.each(data.queryproList, function(i, procoll){
$.each(procoll, function(j, proList){
html +="<div style='width:200px;height:250px;background-color: #f9f8f8;float: left;margin-right: 30px;margin-top:10px;margin-left: 5px;'>";
html+="<center>"
html+="<div style='width:100%;height:200px;;border: 0px solid black;' οnclick='productCommodity("+proList.pid+")'>";
html+="<img alt='圖片' src="+proList.pro_imgs+" width='100%' height='100%' >";
html+="</div>";
html+="</center>";
html+="<span><b>"+proList.pro_name+"</b>  <b>¥:</b><b style='color:#d9ac80;'>"+proList.pro_price+"</b></span>";
html+="</div>";
});
});
$("#proList").html(html);
} else {
return;
}
}
});
後臺:
int pageNum1=0;//當前頁面
int pageCount1=0;//總頁面
@ResponseBody
@RequestMapping(value = "/queryProContller",method = RequestMethod.POST)
public Object queryProContller(HttpSession session,HttpServletRequest request) throws Exception{
Map<String,Object> map=new HashMap<String,Object>();
ArrayList<Object> list=new ArrayList<Object>();
String num=request.getParameter("pageIndex");
String type=request.getParameter("type");
int count=productDao.queryProContllect(null);
pageCount1=count/8;
if("".equals(type) || type==null){ //請求加載時沒有上下頁面
pageNum1=0;
List<Map<String, Object>> queryPro=productDao.listProContllect("*", 0,8,null,null,null);
list.add(queryPro);
map.put("success", true);
map.put("queryproList",list);
}else if("netPage".equals(type)){ //下一頁
if(pageNum1>=pageCount1){
pageNum1=pageCount1;
}else if(pageNum1<count){
pageNum1=pageNum1+1;
}
List<Map<String, Object>> queryPro=productDao.listProContllect("*", pageNum1*8,8,null,null, null);
list.add(queryPro);
if(!queryPro.isEmpty()){
map.put("success", true);
map.put("queryproList",list);
}else{
map.put("success",false);
}
}else if("previousPage".equals(type)){ //上一頁
if(pageNum1>0){
pageNum1=pageNum1-1;
}else{
pageNum1=0;
}
List<Map<String, Object>> queryPro=productDao.listProContllect("*", pageNum1*8,8,null,null, null);
list.add(queryPro);
if(!queryPro.isEmpty()){
map.put("success", true);
map.put("queryproList",list);
}else{
map.put("success",false);
}
}else if("pageText".equals(type)){ //填寫跳轉頁面
int pagenumtext=Integer.parseInt(num);
List<Map<String, Object>> queryPro=productDao.listProContllect("*", pagenumtext*8,8,null,null, null);
list.add(queryPro);
if(!queryPro.isEmpty()){
map.put("success", true);
map.put("queryproList",list);
}else{
map.put("success",false);
}
}
return map;
}