YzmCMS系統自帶分頁功能，在手機版的體驗似乎不是很友好，鑒于大家的建議，出一款下拉異步加載更多數據插件，本插件不限于手機版，在PC中同樣適用。

實現原理很簡單，就是ajax異步請求而已：

局部代碼：

            $.ajax({
                type: 'GET',
                url: '{U('index/api/init')}?catid={$catid}&page='+page+'&page_start='+pageStart,
                dataType: 'json',
                success: function(data){
                    var result = '';
                    counter++;
                    pageEnd = page * counter;
                    pageStart = pageEnd - page;
                    var arrLen = data.length;
                    if (arrLen > 0) {
                        //data里數據字段有：id,catid,inputtime,updatetime,title,url,thumb,click,nickname,description
                        for (var i = 0; i < arrLen; i++) {
                            result +=   '<li><a href="'+data[i].url+'">'
                                        +'<img src="'+data[i].thumb+'" alt="'+data[i].title+'">'+data[i].title
                                        +'</a></li>';
                        }
                    } else {
                        me.lock(); // 鎖定
                        me.noData();  // 無數據
                    }
                    $('.lists').append(result);
                    // 每次數據加載完，必須重置
                    me.resetload();
                },
                error: function(xhr, type){
                    // alert('Ajax error!');
                    // 即使加載出錯，也得重置
                    me.resetload();
                }
            });
        }

最終效果：

源碼下載：https://www.yzmask.com/show/276.html

有問題加入官方QQ交流群：161208398