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

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

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

說(shuō)明與使用方法：

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

2./templets/default是對(duì)應(yīng)的默認(rèn)模板文件夾，里面的兩個(gè)模板文件，分別是list_article.htm，list_article_ajax.htm，第一個(gè)是列表模板文件，第二個(gè)是AJAX加載文件，打開(kāi)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對(duì)應(yīng)的是下面<p id="list">...</p>，這個(gè)p所包含的內(nèi)容都會(huì)被AJAX加載的內(nèi)容覆蓋。

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

異步加載列表排序常見(jiàn)問(wèn)題

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

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

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

3.最后效果請(qǐng)參考本站任意一個(gè)欄目列表。