分页插件 jquery.twbsPagination.js

最新推荐文章于 2024-04-09 09:43:41 发布

花生喂龙

最新推荐文章于 2024-04-09 09:43:41 发布

阅读量1.9k

点赞数

分类专栏：分页文章标签： java JavaScript twbsPagination

本文链接：https://blog.youkuaiyun.com/qq_24435837/article/details/52757416

版权

本文介绍了如何使用jquery.twbsPagination.js插件实现分页功能，避免页面刷新带来的不佳体验。通过在jsp中引用模板和处理数据变更，结合mybatis的RowBounds进行分页查询，提供了一个完整的流程，并给出了官方地址。

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

之前试过自己写，但是翻页是相当于链接到一个新页面，会有闪动的感觉，体验很差：

做分页，后台能得到第二页的内容了，但jsp就是不刷新-优快云论坛-youkuaiyun.com-中国最大的IT技术社区

http://bbs.youkuaiyun.com/topics/392008714?page=1#post-401510835

jquery.twbsPagination.js

一个完整的流程：

jsp:

		<div class="friends" style="display:none">
			<div class="f-title">
				<table>
					<thead>
						<tr>
							<td>序号</td>	
							<td>名称</td>								
							<td>等级</td>
							<td>近期消费(元)</td>
							<td>累计消费(元)</td>
							<td>状态</td>
						</tr>
					</thead>
					<tbody id="friendsInfo">								
	
					</tbody>
				</table>
			</div>
			<div class="table-footer" id="friendsFooter" ></div>	
		</div>
		
		<div class="friendsk" style="display:none">
			<div><i><img src="img/fk.png"></i>目前没有好友哦~</div>
		</div>

js：

	<script>		
		$(function () {
			var currentPage = 1;
			getData(1);
		});
		function getData(page)
		{
			$.ajax({
				type : "GET",
				url : "friends/" + page,
				success : function(data) {					
					var currentPage = data.pageNo;
					var totalPages = data.totalPages;

					if (data.totalRecords == 0){
						$("

最低0.47元/天解锁文章