采用php知识再结合shark-ui组件,开发的无刷新分页代码,仿Bootstrap分页样式css,3种方法显示加载数据!javascript代码:<script type="text/javascript">
$("#list").load("data.php?page=1");
var mypager = $.fn.sharkPager({
page: 1,
totalPages: <? echo $pages;?>, //总页数
hl: {
firstpage: 'first',
prevpage: 'previous',
nextpage: 'next',
lastpage: 'last',
gopage: 'go'
},
segmentSize: 5, //显示页码长度
startFrom: 1, //起始页
gopage: true, //跳转按钮
onPageChanged: function(p) {
console.log('跳转到第:' + p + '页'); //当前页数
//方法1
//$("#list").load("data.php?page="+p); //加载页面
//方法2
$.post("data.php", {page: p}, function(data) {
$("#list").html(data);
});
//方法3
/*
$.ajax({
type: "POST",
url: "data.php",
data: {page: p},
success: function(data){
$("#list").html(data);
}
});
*/
}
});
$('#pagerContainer').append(mypager.component);
</script>使用方法:1.导入article.sql2.修改data.php和 index.php数据库配置
评论
6条评论alikail Lv.1
Chrome 109.0.0.0
Windows 回复
66666666
台湾省 台湾宽频通讯顾问股份有限公司
asdas123 Lv.1
Chrome 127.0.0.0
Windows 回复
表情看起来好像不错的样子
亚太地区
1648402012 Lv.1
Chrome 116.0.0.0
Mac OS X 10.15.7 回复
浙江省台州市天台县 电信
44555 Lv.1 回复
111111
江苏省 移动
qgqmjqr Lv.1 回复
谢谢,下载了
广东省广州市 电信
sugar Lv.2
Chrome 112.0.0.0
Windows 回复
新人报道
学习一下
浙江省杭州市 移动