H5移动端下拉刷新上拉加载更多插件

H5移动端下拉刷新上拉加载更多插件


下载 已下载1341次 – 14 kB

使用方法

1)在页面上添加两个元素

< div style="text-align:center">正在加载中...
加载更多

2 ) 加载数据方法

pullrefresh.doRefresh({
    debug: true, // 模拟真实请求数据,否则会出现ajax跨域,正式使用中请去h5.js中删除debug代码   
    url: './list.json', // 必填,ajax加载数据请求的地址   
    data: {
        size: 20
    }, // 非必填,ajax请求数据的参数,如果启用了缓存,将影响浏览器的缓存数据  
    dataType: "json", // 非必填,ajax请求返回的数据类型  
    container: '#demo', // 非必填,用于计算document.body.scrollTop等于多少时自动加载更多数据   
    cache: 'test', // 非必填,如果不想让浏览器缓存请写false,否则请写唯一的标记,具体请观察sessionStorage   
    success: function(list, page, size) {
        // ajax请求成功后服务端返回来的数据        
        // 在此处理服务器返回的数据,绑定到demo元素中       
        return true; // 返回true表示还有更多数据;返回false表示没有更多数据了我通常写
        return list.length >= size
    }
});