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/1gfsu8YB

說明與使用方法：

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)的是下面<div id="list">...</div>，這個div所包含的內(nèi)容都會被AJAX加載的內(nèi)容覆蓋。

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

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

1.織夢58測試，JS動態(tài)顯示點擊次數(shù)，會顯示錯誤，采用[field:click/]就好；

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

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

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