js/jQuery简化编程(提取公共函数)

最新推荐文章于 2022-06-24 16:01:01 发布

TechBirds

最新推荐文章于 2022-06-24 16:01:01 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： js/jquery 文章标签： js jquery

本文链接：https://blog.youkuaiyun.com/techbirds_bao/article/details/8879370

js/jquery 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一组用于网页分页操作的JavaScript函数，包括跳转到下一页、上一页、首页、尾页及指定页的功能。通过简单的AJAX请求更新页面内容，实现了平滑的分页体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.分页函数的提取

function nextPage(url,data){
	if($("#currentPage").val()==($("#totalPages").val()-1)){
			return false;
	}
	pageJump(url,data);
}
		
function prePage(url,data){
	if((parseInt($("#currentPage").val()))==0){
			return false;
	}
	pageJump(url,data);
}

function homePage(url,data){
	pageJump(url,data);
}


function footPage(url,data){
	pageJump(url,data);
}

function jumpPage(url,data){
	if($("#jumpval").val()-1>=$("#totalPages").val()||$("#jumpval").val()-1<0){
		return false;
	}
	pageJump(url,data);
}

function pageJump(url,data){
	$.get(url,data,function(data){
			$(".content_right").empty().html(data);			
		}
	);
};

引入上面的js，并配合页面上配置所需的参数进行使用。代码很简单，应该很容易看懂的。