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
- ThinkCMF中如何实现ajax异步加载
- ajax中如何实现异步提交表单
- thinkphp+ajax+jquery异步实现加载更多
- 原生js实现ajax异步加载
- ajax异步加载 实现局部刷新
- lazyload使用ajax实现图片异步加载
- ECharts3 实现 AJAX异步加载 数据库数据
- vue---vue2.x中如何异步加载路由组件,webpack+vue实现组件懒加载
- 如何实现ListView异步加载图片
- ajax实现异步加载页面,实现信息实时更新
- ajax异步加载图片
- ajax--异步加载
- ajax 异步加载
- AJAX异步加载实例
- ajax异步加载问题
- ajax异步加载
- Ajax异步加载问题
- Ajax 异步加载
- 【SCOI2010】序列操作 线段树
- OpenStack 业务链networking-sfc介绍 (1)
- colorAccent,colorPrimary,colorPrimaryDark
- hbase更换版本作业
- VS2013 编译64位libcurl
- ThinkCMF中如何实现ajax异步加载
- 三天工作总结
- vue2中的组件component问题
- Python的星号(*、**)的作用
- 【Java基础】线程笔记——线程安全
- 为什么magento(麦进斗)怎么慢
- 《Packt.Mastering.Go.Web.Services.2015.4.pdf》之Using Gorilla for JSON-RPC
- .net中lock的用途
- 一看就懂的自定义View -- 水波纹圆形进度球