用ajax+jQuery 实现页面加载更多(另类的分页)

这个其实和分页是起到一样的效果,只不过有时候在个别场景 个人感觉会比分页更加灵性一些,万年不变的分页看着也是很无聊的。我主要是想把这个功能记录下,分享给那些初学者。纯属原创,如有不足之处,随时指教。 先上图


这个 是我现在做的一个项目,订单管理页  本来是做分页的 但是想想 用这个其实也是可以的 然后就自己写了个 第一次写博客,排版什么的有点丑 请见谅~~O(∩_∩)O哈哈~

  • 页面 是jsp,没有用任何框架 纯jquery 大致的思路:1.既然是分页,就得记录每次请求后台获取数据的pageNo和pageSize,so 我的做法是把pageNo放进隐藏域中,每次请求过后都自动更新下隐藏域中的pageNo值,然后因为是做成点击“显示更多数据”,因此 用户也不像分页那样可以选择每页显示多少条数据,so  pageSize我是直接写死的 每次5条;2.利用ajax请求后台获取到数据之后,再把数据用jquery手动拼接到当前的页面最后一个标签后面,var _this = $(".pageUl li:last"); 这个是查找最后一个li标签。然后还有一个最重要的一点是 记得重置隐藏域中的pageNo的值,把当前的pageNo设置进去 每次请求就pageNo++。 下面是具体代码



如有错误 请随时指正~

  • 6
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值