yii2 pajx无感刷新+infiniteScroll/scrollPager无限下拉刷新原创教程

坐好了，这是yii2 国内全网，唯一一个完全的完整的教程 pjax翻页无刷新 + infiniteScroll无限瀑布流刷新，或者叫无限下拉刷新。目前国内无此插件中文版，也没有一个专门教程，我就写个原创普及一下。转发保存，必须注明出处，道德要高尚。

什么？不知道yii2 pajx infiniteScroll scrollpager是干嘛的？

简单的说pajx 一般用于tab页的无感刷新，就是当你点一下分页标签的时候，下面的内容会对应的去读取服务器数据，但你是无感的，页面也没有跳转的感觉。

infiniteScroll（is）无限瀑布流刷新，就是类似今日头条，抖音里那种无限下拉，只要有数据，就无限的加载，如果搭配pajx 体验很好，目前只有大厂才会有。

scrollpager（sp）可以实现和is一样的效果，但不推荐用的原因是，亲测同样的逻辑，is效率更高，sp效率低，刷几十页后会出现些许卡顿的问题，主要是view层的问题。

目前一般大厂或大型新闻站如今日头条之类的，都会用ajax+json，这样做不是不行，个人认为json会完全暴露，如果用yii2 对接小程序或app 推荐直接写api和业务层完全分开，这样可以大大提高了安全性。

扯远了，废话不多说，上代码

false, 'id' => 'tab_div', 'timeout' => false]); ?>

   

...切换的tab页代码块

   

           

            $pc = ceil($pager->totalCount / pageSize);//$pager需要从控制器压出来，pageSize是每次加载多少页，设置常量即可，一般看业务，20-50都行

$list_count = count($re_list);

            ?>

                               

                                         

                                                   ...业务循环代码...

                                             

                                   

                   

                               

无

                   

   

    totalCount < pageSize) { ?>

       

       

到底了

       

   

       

            1) { ?>

               

                   

                       

                   

               

           

           

到底了

       

    1 && $pager->totalCount > pageSize) { ?>

       

            点击查看更多

       

   

       

   

感谢的话或有问题记得关注留言，反驳或骂人绕道，不喜勿喷。