分頁技術原理與實現(三)——無刷新的Ajax分頁技術

分頁技術原理與實現(三)——無刷新的Ajax分頁技術 

  緊接着上篇—分頁技術原理與實現()——Java+Oracle實現,本篇繼續分析分頁技術。上篇講的是分頁技術的代碼實現,這篇繼續分析一下分頁技術的效果控制。

  上篇已經用代碼簡單的實現了一個分頁。但是我們都看到,代碼中每次通過servlet請求取得結果集後,都會轉向到一個jsp頁面顯示結果,這樣每次查詢頁面都會刷新一下,比如查詢出現結果集後要查看第三頁,頁面就會刷新一下。這樣頁面給人的效果感覺就會有點不舒服,所以我們希望能夠在通過條件查詢結果集後無論訪問哪一頁,頁面都不會刷新,而只是結果集變化。要解決這個,我想大家很容易就會想到Ajax了。

  是啊,這就要請Ajax出山了。當通過查詢條件查詢到結果集後,以後每次訪問任何一頁都通過Ajax來訪問,使用異步AjaxServlet進行交互,將結果查詢出來返回給Ajax,這樣頁面內容因爲Ajax返回結果而改變,而頁面卻不會刷新,這就實現了無刷新的分頁技術。

  下面我們來看一個簡單的無刷新分頁實現,代碼如下:

 

 

 

 

  這就是一個非常簡單的無刷新分頁實現,使用了JQuery+ jquery.pagination框架。現在隨着框架的流行,尤其是Jquery的流行,使用框架來開發是非常有效的。上面代碼原理在代碼中已有註釋,也可參考Jquery的官方網站:。

  現在就可以來開發我們的Ajax無刷新分頁實現。基於上面的原理,在響應頁碼被按下的代碼中pageselectCallback(),我們使用一個Ajax異步訪問數據庫,通過點擊的頁號將結果集取出後再用異步設置到頁面,這樣就可以完成了無刷新實現。

  頁碼被按下的響應函數pageselectCallback()修改如下:

  這樣就可以用異步方式獲取結果,用showResponse函數來處理結果了,showResponse函數如下

 

 

 

 

  如上代碼就是用來處理通過Ajax異步請求Servlet後返回的XML格式的結果,其中Servlet代碼在上篇中。其中itemListpageList分別是解析返回後生成的用戶List和分頁導航,這樣用戶就可以以自己的展現方式展現數據了。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章