很多用織夢dedecms做資訊類的網站都需要用到點擊加載更多這個功能,這個功能需要用到ajax,接下來吾愛編程借為大家介紹一下如何實現點擊加在更多這樣的功能。
第一步:在plus下面新建一個ajaxlist.php:
然後添加如下代碼:
<?php
require_once(dirname(__FILE__)."/model/common.inc.php");
if($page==2){$page='10';}if($page==3){$page='20';}if($page==4){$page='30';}
$sql="select id,typeid,title,description from dede_archives where typeid='{$typeid}' order by pubdate desc limit ".$page.",5";
$row=mysql_query($sql);
while($arr=mysql_fetch_row($row)){
$html.='<a href="'.$arr[0].'.html" title=""><dl><dd><h3>'.$arr[2].'</h3></dd><dd>'.substr($arr[3],0,26).'...</dd></dl><i></i></a>';
}
echo $html;
?>
在上面列表的下面添加:
<div class='page' id="s-load_more">點擊加載更多</div>
在模版頁面添加如下js:
$("#s-load_more").click(function(){
return load_list();
});
var total_page = 4;
var curr_page = 1 ;
function load_list(){
curr_page++;
var typeid = {dede:field name='typeid'/};
$("#s-load_more").html("加載中...");
$.post('/listajax.php',{'page':curr_page,'typeid':typeid},function(data){
$("#s-load_more").before(data);
$("#s-load_more").html("點擊加載更多");
});
}
</script>
至於加載出來的樣式,自己可以根據需求修改和添加。
*