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 //错误时显示的方法 });
- 粉丝: 3
- 资源: 2
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助