本人初学ajax,求大神指点用ajax做分页

ml18301663763 2014-07-30 09:12:11
本人初学ajax,求大神指点用ajax做分页
...全文
514 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
成都-狗蛋儿 2014-08-19
  • 打赏
  • 举报
回复
我才回复了,请查看这个帖子 http://bbs.csdn.net/topics/390854849
好名字给猪了 2014-08-02
  • 打赏
  • 举报
回复
写了一个,自己去下载吧。 http://download.csdn.net/detail/u010131956/7706335 mysql 数据库 局部刷新分页。记得评价。
Lee165 2014-08-01
  • 打赏
  • 举报
回复
/**
 * Bootstrap 分页 page 当前页, cpageInt 总页数
 */
function drawPage(page, cpageInt, limit) {
	var totalPage = 0;
	if (cpageInt % limit > 0) {
		cpageInt = parseInt(cpageInt / limit) + 1;
	} else {
		cpageInt = parseInt(cpageInt / limit);
	}
	// 静态
	var prev = "<li class='disabled'><a href='javascript:void(0)'>«</a></li>";
	var next = "<li class='disabled'><a href='javascript:void(0)'>»</a></li>";
	// ---
	var str = new StringBuilder();
	if (page == (cpageInt)) {
		// 如果total = 1,则无需分页,显示"[第1页] [共1页]"
		if ("1" == (cpageInt)) {
			str.append(prev);
			str.append(next);
		} else {
			// 到达最后一页,显示"[首页] [上一页]"
			str.append("<li><a style='width:auto' href='javascript:void(0)' ");
			appendUrl(str, 1);
			str.append(" >【首页】</a></li>")
			str.append("<li><a href='javascript:void(0)' ");
			appendUrl(str, (page) - 1);
			str.append(" >«</a></li>")
			str.append(createListPageNum(page, cpageInt));
			str.append(next);
			str
					.append("<li class='disabled'><a style='width:auto' href='javascript:void(0)'>【末页】</a></li>")
		}
	} else {
		if ("1" == (page)) {
			// 第一页,显示"[下一页] [末页]"
			str
					.append("<li class='disabled'><a style='width:auto' href='javascript:void(0)'>【首页】</a></li>")
			str.append(prev);
			str.append(createListPageNum(page, cpageInt));
			str.append("<li><a href='javascript:void(0)' ");
			appendUrl(str, (page) + 1);
			str.append(" >»</a></li>");
			str.append("<li><a style='width:auto' href='javascript:void(0)' ");
			appendUrl(str, cpageInt);
			str.append(" >【末页】</a></li>");
		} else {
			// 显示首页和末页
			str.append("<li><a style='width:auto' href='javascript:void(0)' ");
			appendUrl(str, 1);
			str.append(" >【首页】</a></li>")
			str.append("<li><a href='javascript:void(0)' ");
			appendUrl(str, (page) - 1);
			str.append(" >«</a></li>")
			str.append(createListPageNum(page, cpageInt));
			str.append("<li><a href='javascript:void(0)' ");
			appendUrl(str, (page) + 1);
			str.append(" >»</a></li>")
			str.append("<li><a style='width:auto' href='javascript:void(0)' ");
			appendUrl(str, cpageInt);
			str.append(" >【末页】</a></li>")
		}
		str.append(
				"<li class='input-group'>" +
				"<input id='goPage' type='text' class='form-control' onkeypress='if (event.keyCode == 13) goPage("+cpageInt+");' placeholder='跳转到' style='width:68px'>" +
				"<spanclass='input-group-btn'>" +
				"<button class='btn btn-default' type='button' onClick='goPage("+cpageInt+")'>Go!" +
				"</button></span></li>");
	}
	
	return str.strings.join('');
	
}
js调用
$("#page-ul")[0].innerHTML=drawPage(data.pageNum/limit==0?1:data.pageNum/limit+1, data.totalResults,limit);
html
<ul class="pagination pagination-mini" id="page-ul">

								</ul>
清晨v 2014-08-01
  • 打赏
  • 举报
回复
百度之!有很多。。。
Go 旅城通票 2014-07-31
  • 打赏
  • 举报
回复
初学就学些基础知识,而且这种问题百度下就好多了 jQuery分页插件

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧