注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

强大实用的jQuery无刷新分页插件

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-01-05
强大实用的jQuery无刷新分页插件
一款强大实用的jQuery无刷新分页插件,刷新页面不变,还保持在当前页码。


js代码

<script type="text/javascript" src="js/jquery.page.js"></script> 
<script type="text/javascript">
var tiaoshu=1000;//数据的条数
var yexian=4;//每页几条数据
var ye=  Math.ceil(tiaoshu/yexian);//可以分为几页
var currentUrl01 = decodeURI(window.location.href);
var arr01 = currentUrl01.split("?");
$('#zongye').text(ye);
$('#dang').html(arr01[1]);
$(function () {
	$('#tiao').val(arr01[1]);
	setTimeout(function () {
		$("#zhuan").click()
	},10);
});
function bian(yeshu){
	var stateObject = {};
	var title = "";
	var newUrl ="" ;
	if(arr01[0]!=parseInt($('#dang').text())){
		newUrl =arr01[0]+"?"+yeshu;
		history.pushState(stateObject,title,newUrl);
	}
}

////////////////////////////////这里面获取数据  p 为当前页数
$(".tcdPageCode").createPage({
	pageCount:ye,
	current:1,
	backFn:function(p){
		console.log(p);
		bian(p);
	}
});
</script>