ThinkCMF中如何实现ajax异步加载
2017-03-24 14:15
267 查看
ThinkCMF确实是一个简单直接的内容管理系统,里面的功能也非常完善,用过之后确实让人感觉很直接,尤其是其分页类,也非常完善。
因为项目原因,要在手机端实现异步加载的功能,而对于ThinkCMF来说,异步加载等同于最后一个p参数值的加载,在这个引导下写了一个很简陋的demo。
首先获取文章列表、分页
后面的列表循环就不多说了,直接上后面的jQuery代码
这样当鼠标滚到底部,或者手机滑动到底部的时候就会自动加载后面一页的内容了
因为项目原因,要在手机端实现异步加载的功能,而对于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结束 }//判断加载页数 }//判断划到底部 })//滚动事件 })
这样当鼠标滚到底部,或者手机滑动到底部的时候就会自动加载后面一页的内容了
相关文章推荐
- 实例讲解Android中如何实现图片的异步加载功能
- 如何实现ListView异步加载图片
- 如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
- AJAX的原理―如何做到异步和局部刷新【实现代码】
- php 爬虫如何爬取ajax异步加载文件
- php结合Ajax如何实现异步文件上传的代码实例
- JavaScript是单线程运行的,但是ajax是如何实现的异步函数回调的?
- thinkphp+ajax+jquery异步实现加载更多
- [原创]如何在MS Ajax Extensions 1.0中实现数据加载时的等待对话框
- [麦先生]如何使用AJAX实现按需加载
- 实例讲解Android中如何实现图片的异步加载功能
- c#,jquery easy ui通过ajax实现异步加载tree
- 实例讲解Android中如何实现图片的异步加载功能
- 如何使用 require.js ,实现js文件的异步加载,避免网页失去响应,管理模块之间的依赖性,便于代码的编写和维护。
- 实例讲解Android中如何实现图片的异步加载功能
- Android 如何实现ListView异步加载网络图片
- SharePoint 实现ajax异步加载数据的几种方式
- ajax实现异步加载页面,实现信息实时更新
- 如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
- 使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页