下载 >  开发技术 >  Javascript > 手机端快滑到底部时,自动加载ajax请求下一页

手机端快滑到底部时,自动加载ajax请求下一页 评分:

AJAX请求数据,绑定滚轴,滚到底部时自动加载下一页 适用于微信、手机网页端 /** * 调用方法 * HTML代码:<div id="data_box"></div> * js代码如下 */ $('#data_box').scrollAjax({ page: 1, //从第几页开始 rows: 20, //每页多少条 url: '/goods.php', //URL链接 data: '', //POST的数据 type: 'get', //请求方式 GET|POST dataType: 'json' ;, //请求的数据类型 //取决于后台返回的类型做相应的处理 /** * 回调方法 * @param a * a参数是数据,b参数是页码,c参数是请求每页条数,d参数是总页码,总页码也可以在function内this.totalPage取得 * function(a, b, c, d){ * } */ callback: function(a) { //this返回 原生的ID=data_box的对象,$(this)就是jQuery的元素对象,也就是 $('#data_box') //取决于后台返回的类型做相应的处理 if(a.total == 0) { $(this).html('<p>没有数据...</p>'); } else { var h = []; $.each(a.list, function (i, n) { h.push([ '<li><a href="' + n.link + '" class="browse">', n.goods_name + '</a></li>' ].join('')); }); $(this).append(h.join(''));//追加方式 } }, //scroll: true, //是否绑定滚轴,默认方法已经绑定,所以可以不加 init: true, //是否自动初始化 error: null //错误时显示的方法 });
...展开详情收缩
2017-08-28 上传大小:4KB
立即下载 开通VIP
分享
收藏 举报

热点文章

img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

手机端快滑到底部时,自动加载ajax请求下一页

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
3 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: