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