DedeCMS實現(xiàn)列表頁按時間,點擊,評論,星級排序的方法還挺多的，最簡單的莫過于生成自由列表。最近玩AJAX玩上癮了，就分享用AJAX動態(tài)加載列表的方法。

       AJAX辦法區(qū)別于生成自由列表，自由列表有許多優(yōu)勢：URL靜態(tài)、獨立的標(biāo)題、描述、關(guān)鍵字，利于SEO優(yōu)化；但是考慮到這些列表的對蜘蛛抓取規(guī)則來說并沒有太大區(qū)別，只是排序規(guī)則不一樣而已。

       需要這個功能的童鞋下載幾個文件：鏈接：http://pan.baidu.com/s/1hsG6qqC 密碼：k8fr

說明與使用方法：

1.有g(shù)bk和utf8兩個版本，把對應(yīng)的文件放到網(wǎng)站根目錄就好。

2./templets/default是對應(yīng)的默認(rèn)模板文件夾，里面的兩個模板文件，分別是list_article.htm，list_article_ajax.htm，第一個是列表模板文件，第二個是AJAX加載文件，打開list_article.htm，找到

<script type="text/javascript" >
    function ajax_url(url,id){
            if(id!=null){
            $("#a_update").attr("class","");
                $("#a_hot").attr("class","");
                    $("#a_lastpost").attr("class","");    
                    $("#a_sortrank").attr("class","");
                    
                    $("#"+id).attr("class","on");
                }
                    
            $.get(url,null,function(returnData){
                $("#list").html(returnData);
            });
        }
    $(function(){
        
    });
</script>

       紅色的#list對應(yīng)的是下面<p id="list">...</p>，這個p所包含的內(nèi)容都會被AJAX加載的內(nèi)容覆蓋。

       比如：你的列表模板名為：produce.htm，對應(yīng)的AJAX模板命名為produce_ajax.htm。

異步加載列表排序常見問題

1.秀站網(wǎng)秀站網(wǎng)測試，JS動態(tài)顯示點擊次數(shù)，會顯示錯誤，采用[field:click/]就好；

2.lazyload圖片延遲加載加載不出圖片，已解決，參考文章《網(wǎng)站圖片Lazyload延遲加載技術(shù)》；

2.有局限性，不能使用在首頁或頻道封面，只能使用在最終列表欄目；

3.最后效果請參考本站任意一個欄目列表。