程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP綜合 >> 織夢(dedecms) 點擊加載更多

織夢(dedecms) 點擊加載更多

編輯:PHP綜合
很多用織夢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>

至於加載出來的樣式,自己可以根據需求修改和添加。 *
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved