欢迎来到站长天空!

PHPCMS

当前位置: 主页 > CMS教程 > PHPCMS

phpcms ajax列表分页加载更多

时间:2025-11-16 09:28:34|栏目:PHPCMS|点击:

phpcms列表分页ajax加载更多如何实现呢?

1、在  /phpcms/modules/模块下加多一个ajaxlist文件夹,在其文件夹下新建一个index.php,内容如下:

public function homeajaxlist() {   
        if(isset($_GET['siteid'])) {   
            $siteid = intval($_GET['siteid']);   
        } else {   
            $siteid = 1;   
        }   
        $page = $_GET['page']?$_GET['page']:1;   
        $siteid = $GLOBALS['siteid'] = max($siteid,1);   
        define('SITEID', $siteid);   
        $_userid = $this->_userid;   
        $_username = $this->_username;   
        $_groupid = $this->_groupid;   
        //SEO   
        $SEO = seo($siteid);   
        $sitelist  = getcache('sitelist','commons');   
        $default_style = $sitelist[$siteid]['default_style'];   
        $CATEGORYS = getcache('category_content_'.$siteid,'commons');   
        include template('content','list_ajax',$default_style);   
    }

2、在 /phpcms/templates/default/content下新建ajax_list.html

<div id="ajax_list" >   
{pc:content action="lists" catid="10" order="id DESC" thumb="" moreinfo="1" }   
{loop $data $n $r}   
<li><a href="{$r['url']}" title="{$r['title']}">{$r['title']}</a></li>   
{/loop}   
{/pc}   
</div>   
<div class="pager ajaxhomelist">   
    {$pages}   
</div>   
<script type="text/javascript">   
    $(function(){   
            var curr_page = parseInt($('.ajaxhomelist span').text());   
            $('.ajaxhomelist a').click(function(event){   
                event.preventDefault();   
                _page = $(this).text();   
                if(_page == "下一页") _page = curr_page+1;   
                if(_page == "上一页") _page = curr_page-1;   
                $('.contain_ajaxhomelist').load(   
                    "{siteurl($siteid)}/index.php?a=homeajaxlist&page="+_page,   
                    function(){   
                                //这个是让页面滚动到列表上方   
                                $("html,body").animate({scrollTop:$("#conter").offset().top},1000);   
                           
                    });   
            });           
    });   
</script>

3、然后在模板需要显示列表ajax的地方插入如下代码

<div id="conter" >   
       <div class="contain_ajaxhtmllist" >   
           {template "content","ajax_list"}          
      </div>   
</div>

未经验证,请在本地测试后方可正式应用于站点。


上一篇:phpcms v9发表文章时默认分页方式修改为自动分页或手动分页

栏    目:PHPCMS

下一篇:PHPCMS制作网站地图的简单方法

本文标题:phpcms ajax列表分页加载更多

本文地址:https://zz.feitang.co/CMSjiaocheng/26344.html

广告投放 | 联系我们 | 版权申明

申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:257218569 | 邮箱:257218569@qq.com

Copyright © 2018-2025 站长天空 版权所有 Powered by EyouCms冀ICP备14023439号