如保获取点击a标签的次数,然后通过jquery实现分页查询

哪位知道,如保获取点击a标签的次数,然后通过jquery实现分页查询?

如保获取点击a标签的次数,然后通过jquery实现分页查询,效果是这个样子的
首页 上一页 下一页 尾页
后台你就不管理,点击这些a 标签获取它们的页码,然后ajax实现异步提交
最新回答
解桑陌

2025-03-27 04:41:58

你看这个思路是否可行:
你可以得到数据库的数组总条数 然后得到相应的总页数$page_all_number 大体代码如下:
php页面 应该有变量
$page_now_number = 1;//初始页面时页面数为1
$page_all_number;//数据的总页数;

html页面
<script language="JavaScript" type="text/javascript" src="js/jquery.js"></script>
<script>
function show_page(e){ //显示对应page值的页面内容
$.post('调用的php文件',{'page':e},function(data){ 
//如果返回正确的值
if(data!='0'){
$("#page_info").hmtl("");//先清空页面原有的内容
$("#page_info").hmtl(data); //给页面新的内容
}
});
}

function before_page(){ //上一页
var page_number = $("#page_number").val();//得到现在的显示的页面值
if(parseInt(page_number) - 1 < 1){
alert('已经是第一页了');
return false;
}
$.post('调用的php文件',{'page':page_number},function(data){ 
//如果返回正确的值
if(data!='0'){
$("#page_number").val(parseInt(page_number) - 1);//因为是上一页的方面所以这页面的page值 应该 减 1
$("#page_info").hmtl("");//先清空页面原有的内容
$("#page_info").hmtl(data); //给页面新的内容
}
});
}

function next_page(){ //下一页
var page_number = $("#page_number").val();//得到现在的显示的页面值
if(parseInt(page_number) +1 < parseInt($("#page_all_number"))){
alert('已经是最后一页了');
return false;
}
$.post('调用的php文件',{'page':page_number},function(data){ 
//如果返回正确的值
if(data!='0'){
$("#page_number").val(parseInt(page_number) +1);//因为是下一页的方面所以这页面的page值 应该 加 1
$("#page_info").hmtl("");//先清空页面原有的内容
$("#page_info").hmtl(data); //给页面新的内容
}
});
}
</script>

<div id="page_info">
分页数据的内容(初始内容也应该在这里)
</div>
<input type="hidden" vlaue="1" id="page_number" />这里是点击事件变化后的页面值
<input type="hidden" vlaue="$page_all_number" id="page_all_number" /> 总页数
<a href="#" onclick="show_page(1)" >首页</a>
<a href="#" onclick="before_page()" />上一页</a>
<a href="#" onclick="next_page()" />下一页</a>
<a href="#" onclick="show_page($page_all_number)" />尾页</a>

希望上面的内容能帮到你
鹿无戥

2025-03-27 04:06:52

给a 一个data 例如 <a data-ym="1"></a>
点的时候就知道要跳转到 1 页面上了
再AJAX传递1 到后台 让后台返回1页面的列表即可(然后改写下data-ym 的值 ++ 或--)