{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

强大实用的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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:强大实用的jQuery无刷新分页插件
喜欢 ()分享 (0)