新闻中心

phpcms使用ajax怎么实现更新文章显示列表

作者 / 时间 2014-08-03 11:49:23

无忧主机小编进段时间玩phpcms的时候,感觉phpcms文章更新列表不是很智能需要手动去实现它,站长朋友们都是知道的,当我们更新文章的时候还需要刷新缓存才能才首页看见,所以我们如何做一个动态的去获取呢,这个就是用到我们的ajax异步获取方法来实现文章列表实时更新。废话也不用多说了,就来看看无忧主机小编是怎么实现这样的操作的。 1、那么既然要实现这个功能那么必须就要写一个js代码来实现,那么我们就需要在模板里面去做这个操作,首先我们需要找到以下路径: /phpcms/templates/default/content/,在content文件夹下简历一个HTML模板,名字可以自己去,例如:51php_ajax_list.html,建立好之后把一下代码复制进去: <br class="Apple-interchange-newline"><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> 2、在你的包含列表页面,比如在您的 /phpcms/templates/default/content/ index.html中添加下面代码: <div id="conter" > <div class="contain_ajaxhtmllist" > {template "content","51php_ajax_list"} </div> </div> 这样我们就完成了一大半了,但是还有最后一步是我们最重要的一部分,所以必须完成最后一步。 3./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); } 这样无忧主机小编就是实现了使用ajax代码完成文章列表的更新,无忧主机完全支持这样的改动的,站长朋友们尽快的改变吧,让您的网站更加智能化!感谢站长朋友们的支持与厚爱! 无忧主机相关文章推荐阅读: PHPCMS栏目过多执行慢,怎么办? PHPCMS中实现列表分页自定义文字功能 自定义PHPCMS会员登陆后退出跳转链接 PHPCMS上传背景图片提示:选择的类型必须为图片类型

本文地址:https://www.51php.com/phpcms/15436.html

1
1
1
1
1
1
1