discuz 3.2 首页ajax点击加载更多(最简版)-Discuz教程下载

discuz 3.2 首页ajax点击加载更多(最简版)

开通本站Svip会员,全站资源免费下
查询数据库获得数据,带分页,带加载更多按钮。
以文章列表为例:
数据查询部分
  1. //首页文章主列表
  2. $aids='56,63,68';//不调用的栏目,多个用半角逗号分开
  3. $article_messagelength='500';//内容字数
  4. $article_num=2;
  5. $article_begin=($_G['page']-1)*$article_num;
  6. $article_manylist=array();
  7. require_once libfile('function/post');
  8. $article_rs=DB::query("SELECT a.*,a.title as atitle,b.*,c.* FROM ".DB::table("portal_article_title")." a LEFT JOIN ".DB::table("portal_article_content")." b on b.aid=a.aid LEFT JOIN ".DB::table("portal_article_count")." c on c.aid=a.aid WHERE a.`aid` NOT in ($aids) and a.status=0 group by a.aid ORDER BY b.`dateline` DESC LIMIT $article_begin , $article_num");
  9. while ($article_rw=DB::fetch($article_rs)) {
  10.         $article_rw['content']=messagecutstr($article_rw['content'],$article_messagelength,'');
  11.         $article_rw['content']=dhtmlspecialchars($article_rw['content']);
  12.         $article_manylist[]=$article_rw;
  13. }
  14. $article_allnum=DB::result_first("select count(*) from ".DB::table("portal_article_title")." where aid NOT in ($aids) and `status`=0");
  15. $article_pagenav=multi($article_allnum,$article_num,$_G['page'],"portal.php");
  16. $article_ntpage=$_G['page']+1;
  17. $article_fynum=ceil($article_allnum/$article_num);
复制代码
模板调用部分
亲爱的游客您好,请 登录 后进行 回复
indexloadpage.js部分
亲爱的游客您好,请 登录 后进行 回复
说明:
数据查询说明
$article_num——每页数量;
$article_manylist——数组;
$article_allnum——文章总数;
$article_pagenav——分页代码,含html;
$article_ntpage——下一页页码;
$article_fynum——总页数。

模板调用说明
1.列表外层容器id=article-list,要与js里一致;
2.列表本身容器id="list_xx"前缀要与js里一致;
3.加载按钮(id="autopbn"行)要放到id=article-list容器之外;
4.分页代码$article_pagenav外容器要有id="fd_page_bottom",TAG.html" target="_blank" class="relatedlink">标签要与js里一致。

js代码说明
var tableobj = $('article-list');//列表外部容器id
var nexts = s.match(/\<li id="list_(\d+)" class="item"\>(.+?)\<\/li>/g);//列表本身容器,class要写全,且id和class前后顺序必须与网页源代码里显示一致。
var newbody = document.createElement('li');//列表本身容器元素标签。
div.innerHTML = '<ul>' + nexts + '</ul>';列表外部容器元素标签。
var pageinfo = s.match(/\<div id="fd_page_bottom"\>(.+?)\<\/div\>/);//分页代码外部容器id。

其他教程
jQuery 实现 Discuz! 点击加载更多(不刷新页面)
根据下一页页码加载更多
discuz DIY模块 图文加载更多
教您在使用discuz时自己DIY的图文模块实现加载更多
Discuz!教程之如何删除图片模式自动加载下一页
discuz 3.2 首页ajax点击加载更多(最简版)

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部