jquery外掛程式 ajax分頁

2021-08-10 06:32:19 字數 955 閱讀 3322

突然發現,好久沒寫部落格了,越來越懶了...

今天想說說ajax分頁的事,其實ajax分頁莫過於解決兩個問題,第一,總條數的獲取,第二,形成分頁 like this

總條數的獲取莫過於兩種方式,第一,載入時直接獲取,可通過變數設定,可通過url傳值,第二種通過ajax請求的資料中包含資料和總條數。資料的獲取要考慮是json資料還是string,這樣就可以讓分頁靈活異常。

不多說了,直接貼原始碼,未進行壓縮,一共沒幾k。

分頁採用jquery外掛程式的形式進行,可配置項很多,均在st.setting 物件中

後面的解釋足夠清晰,這裡不多說了。

我想說的是這個分頁的乙個使用技巧,因為考慮到使用者還有可能使用string返回型別,這裡有乙個資料獲取後的處理函式

,比如我獲取到的string = '************************

*********x---------..;12';我可以對這個資料在handledata進行拆分得到 並return回去作為分頁的總條數12。當然,如果是json資料就沒必要這麼麻煩了,返回乙個就可以了,當然可以不用data作為資料鍵值,但是如果使用分頁自帶的callback ,那麼data是必須的,簡單的遍歷。**如下:

id : rendername 可以直接渲染使用。

並且使用說明上附帶乙個css

效果不是很好大家可以自己設計,生命在於折騰嘛!

還有乙個使用技巧

程式預設請求時附帶 乙個鍵值 ajax : true ,是為了強調該操作是ajax請求,可通過該引數防止使用者越權請求。請求資料通過 iscache 項設定快取或非快取。

使用方法

var param = {};//乙個object.

$('#page').luoage(param); 其中的param引數按照 st.setting來配置,重複則param優先順序最大。

#page 為分頁內容即

同時 page.js也存在說明。

jquery分頁外掛程式

css 分頁 pagelist pagelist a,pagelist span pagelist a hover,pagelist current pagelist pagelist hidden pagelist pagelist hidden hover pagelist input.jump...

jQuery分頁外掛程式twbsPagination

需求說明 這裡主要介紹jquery的分頁外掛程式twbspagination。當然了還有其他的分頁外掛程式,感覺上這個外掛程式還是比較簡單易用的。步驟一 建立page.jsp頁面,引用jquery.twbspagination.js,page.js script src basepath js jq...

jQuery 分頁外掛程式 jqPaginator

例子 用法很簡單,首先引入jquery和jqpaginator,之後就可以初始化分頁了 id jqpaginator onpagechange function num 上例就是第一demo,bootstrap風格的分頁。具體引數稍後介紹,這裡要了解的是,如果使用的不是id,而是class,就會初始...