ASP清單「載入更多」功能是一款透過查詢資料庫將最新的幾筆記錄顯示在清單頁從而透過觸發該連結而作出對應的更多的參數。
我們在一些騰訊網站評論欄目上可以看到這樣的應用,列表沒有使用分頁條,而是一次加載一定數量的記錄顯示在列表頁,當用戶瀏覽到列表頁底部時,可以通過單擊“加載更多”來查看更多記錄。
原理:頁面載入時,jQuery向後台請求數據,ASP程式透過查詢資料庫將最新的幾筆記錄顯示在列表頁,在列表頁的底部有個「更多」鏈接,透過觸發該鏈接,向服務端傳送Ajax請求,後台ASP程式接收請求參數,並作出相應,取得資料庫對應的記錄並以JSON的形式傳回給前台頁面,前台頁面jQuery解析JSON數據,並將資料追加到清單頁。此程式修改自:jQuery+PHP實作瀏覽更多內容
jquery.more.js 參數配置
'amount' : '4', //每次載入記錄數
'address' : '', //請求後台的位址,這裡留空
'format' : 'json', //資料傳輸格式
'template' : '.single_item', //html記錄DIV的class屬性
'trigger' : '.get_more', //觸發載入更多記錄的class屬性
'scroll' : 'false', //是否支援滾動觸發加載
'offset' : '100', //滾動觸發載入時的偏移量