jQuery Pagination分页插件參數條件查詢

参考插件jq22网示例
http://www.jq22.com/yanshi5697

我分享的下载地址：
链接: https://pan.baidu.com/s/1kwPldPXKIcsWLBM65ZDJaA 提取码: pcd5

參考代碼

//加载文章评论，分页
var pageComment = function (p) {
   //p为页码
	$.ajax({
		url:  "/article/list?p=" + p ,
		type: 'get',
		data: {},
		success: function (r) {
			console.log(r);
			if (r.total > 0) {
				var arr = [];
				for (var i = 0; i < r.list.length; i++) {
					var item = r.list[i];
					arr.push('<li class="stair-remarkList">');
					arr.push('	<div class="stair-remark-content RC">');
					arr.push('		<a href="">');
					arr.push('			<img class="remark-avatar" src="/images/icons/head_title.jpg" alt="">');
					arr.push('		</a>');
					arr.push('		<div class="remark-content">');
					arr.push('			<div class="Left-Info">');
					//用户名
					arr.push('				<a class="remark-name" href="">' + item.realname + '</a>');
					arr.push('				<span>：</span>');
					//评论内容
					arr.push('				<span class="new-comment">' + item.content + '</span>');
					var time = item.createtime.substr(0, 19);
					time = time.replace('T', " ");
					arr.push('				<span class="new-date">' + time + '</span>');
					arr.push('				<span class="btn-reply">回复</span>');
					arr.push('			</div>');
					arr.push('			<div class="Right-Like">');
					arr.push('				<img class="like-icon" src="/images/icons/like-icon.png" alt="" title="点赞">');
					arr.push('				<img class="Like-active" src="/images/icons/like-red-icon.png" alt=""  title="点赞">');
					arr.push('				<span>6</span>');
					arr.push('			</div>');
					arr.push('		</div>');
					arr.push('	</div>');
					arr.push('	<!-- 回复输入框 -->');
					arr.push('	<div class="replay-input-box">');
					arr.push('		<div class="commentBox-input">');
					arr.push('			<a href="" class="commentBox-userImg">');
					arr.push('				<img src="/images/icons/head-portrait.jpg" alt="">');
					arr.push('			</a>');
					arr.push('			<div id="commentform">');
					arr.push('				<textarea class="comment-content open" name="comment_content"    placeholder="回复：" maxlength="1000"></textarea>');
					arr.push('				<div class="comment-optBox">');
					arr.push('					<div class="right-btn">');
					arr.push('						<span>');
					arr.push('							还能输入');
					arr.push('							<em>1000</em>');
					arr.push('							个字符');
					arr.push('						</span>');
					arr.push('						<input type="button" class="btn-cancel-comment" value="取消回复">');
					arr.push('						<input type="button" down_id="' + item.article_comment_id + '" comment_id="' + item.article_comment_id + '" class="btn-comment" onclick="pageData.saveComment(this)" value="发表评论">');
					arr.push('					</div>');
					arr.push('				</div>');
					arr.push('			</div>');
					arr.push('		</div>');
					arr.push('	</div>');
				
					}
					arr.push('</li>');
				}
				$(".commentBox-remarkList ul:first").html(arr.join(''));


				//分页组件
				var pageCount = Math.ceil(r.total / r.pageSize);
				$("#pagination01").pagination({
					pageCount: pageCount,//总页数
					current: p,//当前第几页
					num_edge_entries: 2,
					num_display_entries: 4,
					//回调函数,默认无执行效果
					callback: function (data) {
						//点击的页码
						var clickPage= data.getCurrent();
						console.log(clickPage);
						pageComment(clickPage);
					},
					//每页显示的条目数
					items_per_page: 10
				});

			}
		}
	});
}