您的位置:首页 > 其它

ThinkCMF中如何实现ajax异步加载

2017-03-24 14:15 267 查看
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结束
}//判断加载页数
}//判断划到底部
})//滚动事件
})


这样当鼠标滚到底部,或者手机滑动到底部的时候就会自动加载后面一页的内容了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ThinkCMF 异步 分页