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

【文件属性】：

文件名称：手机端快滑到底部时，自动加载ajax请求下一页

文件大小：4KB

文件格式：JS

更新时间：2020-09-17 15:42:39

ajax 滑动加载 自动加载

AJAX请求数据，绑定滚轴，滚到底部时自动加载下一页 适用于微信、手机网页端 /** * 调用方法 * HTML代码：

* 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('

没有数据...

'); } else { var h = []; $.each(a.list, function (i, n) { h.push([ '

', n.goods_name + '

' ].join('')); }); $(this).append(h.join(''));//追加方式 } }, //scroll: true, //是否绑定滚轴，默认方法已经绑定，所以可以不加 init: true, //是否自动初始化 error: null //错误时显示的方法 });