问题描述:需要用a标签上一页 下一页,N种方法都试过不行。
<a href="#" oncilck="back">上一页</a>
<a href="#" oncilck="next">下一页</a>
href不行,一直405,提示提交的是HTTP请求默认get而后台是post
oncliick Form提交可行,可是只能提交固定的action
$.pageSkip = function(pageNumber) {
showCategory("",$(".current").html(),pageNumber,"");
}
function showCategory(pageSize,pageNo){
/*将数据用post请求的方式给action*/
$.post('${pageContext.request.contextPath}/shop/queryCategoryAction',{
page.pageSize":pageSize,"page.pageNo":pageNo
},function(d){
/*返回的值中要有总页数的返回*/
var totalPage=d.totalPage;
//根据起始和最后的页码显示页码标签
var pager=$("#pager");
pager.empty();
//到第一页
var a1;
if(pageNo==1){
a1=$(" ");
}
else{
a1=$("");
}
pager.append(a1).append(" ");
//处理上一页
if(pageNo > 1) {
var a = $("");
pager.append(a).append(" ");
}
//中间的页码跳转
for(var i=1;i<=totalPage;i++){
var a=$(""+i+"");
a.appendTo(pager);
}
/*给当前页添加currentPage的样式*/
$("#pager a").each(function(i,a){
if(pageNo==a.innerHTML){
$(this).addClass("currentPage");
}else{
$(this).removeClass("currentPage");
}
})
//处理下一页
if(pageNo < totalPage) {
var a = $("");
pager.append(a).append(" ");
}
//处理到最后一页
var a2;
if(pageNo==totalPage){
a2=$(" ");
}else{
a2=$("")
}
pager.append(a2).append(" ");
var span=$("<span class='pageSkip' title='"+totalPage+"'> 共"+totalPage+"页 到第<input id='pageNum' name='pageNumber' value='1' maxlength='9'"+
"onpaste='return false;'>页 <button type='button' id='redirects' > </button></span>");
pager.append(span).append(" ");
})
}
我是用jquery在跳装页面的时候自动生成的链接,如果你不希望自动生成,可以在调用ajax请求的时候,把上下页里面要传递的值直接做改变也是可以的。
用history试过?
当前页数<%=currentPage %>/<%=pages %>:
首页
">下一页
网上找下分页查询的方法自己学下
页面放一个隐藏的method为post的表单,给你的分页连接增加onclick事件,阻止默认的href连接跳转,然后将参数设置给表单,然后提交表单即可
<a href="xxxxxx" onclick="return postLink(this)">下一页</a>
<form style="display:none" id="frm"></form>
<script>
function postLink(a){
var f=document.getElementById('frm');
f.action=a.href;///
f.submit();//提交表单
return false;//阻止跳转
}
</script>