phpcms ajax 更新文章显示列表-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_14946/article/details/82522713

本文介绍如何使用PHP和AJAX技术实现HTML列表的动态加载。通过创建一个特定的HTML模板并结合PHP代码，可以使得列表内容在不刷新整个页面的情况下进行更新。这种方法能够改善用户体验，减少服务器负载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要先建立一个html模板，

/phpcms/templates/default/content/home_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>

在你的包含列表页面

比如在你的 /phpcms/templates/default/content/index.html中添加下面代码

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

php代码

在 /phpcms/modules/content/index.php中加，就是复制init(),增加page获取，改变template，就可以了

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','home_list_ajax',$default_style);
	}