ThinkCMF中如何实现ajax异步加载

来源:互联网 发布:ipad上的淘宝怎么横屏 编辑:程序博客网 时间:2024/05/29 09:19

ThinkCMF确实是一个简单直接的内容管理系统,里面的功能也非常完善,用过之后确实让人感觉很直接,尤其是其分页类,也非常完善。
因为项目原因,要在手机端实现异步加载的功能,而对于ThinkCMF来说,异步加载等同于最后一个p参数值的加载,在这个引导下写了一个很简陋的demo。
首先获取文章列表、分页

<?php    $cid = $cat_id;    $tag = "cid:$cid";    $pagesize = '5';    $content=sp_sql_posts_paged($tag,$pagesize);    $lists = $content['posts'];    $pager=$content['page'];?>

后面的列表循环就不多说了,直接上后面的jQuery代码

 $(function () {        page = '1';        $(window).scroll(function(){            var scrollTop = $(this).scrollTop();            var scrollHeight = $(document).height();            var windowHeight = $(this).height();            if (scrollTop + windowHeight == scrollHeight) {                page++;                var id = "{$cat_id}";                var pages = "{$content.total_pages}";//获取页面总页数                if ( page <= pages){                    var url = '/List/index/id/'+id+'/p/'+page;                    $.get(url,function (msg) {                        $("div[class='container_nea']:first").append(                            $(msg).find("div[class='tfga']")                        );                    })//get结束                }//判断加载页数            }//判断划到底部        })//滚动事件    })

这样当鼠标滚到底部,或者手机滑动到底部的时候就会自动加载后面一页的内容了

0 0