[發(fā)明專利]一種基于Ajax技術(shù)的無刷新分頁方法

在審

• 申請?zhí)枺?/td>: 201310720286.6
• 申請日: 2013-12-20
• 公開（公告）號: CN103631973A
• 公開（公告）日: 2014-03-12
• 發(fā)明（設(shè)計）人: 汪祖民;王陽
• 申請（專利權(quán)）人: 大連大學(xué)
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 大連智高專利事務(wù)所(特殊普通合伙) 21235
• 代理人: 胡景波

技術(shù)領(lǐng)域

本發(fā)明涉及一種數(shù)據(jù)處理方法，特別是涉及一種基于Ajax技術(shù)的無刷新分頁方法。

背景技術(shù)

隨著互聯(lián)網(wǎng)的普及，越來越多的網(wǎng)站系統(tǒng)進入大眾視線。在面對數(shù)據(jù)庫中的大量數(shù)據(jù)要輸出時，最難處理的就是采用何種分頁技術(shù)輸出數(shù)據(jù)庫中的數(shù)據(jù)才更加合理、簡單、快捷。現(xiàn)有的方法包括跳轉(zhuǎn)分頁和上下分頁，然而這兩種方法在面對例如一些視頻文件播放查看留言介紹時，執(zhí)行翻譯的操作后，視頻文件將被重新打開，嚴重影響用戶體驗。現(xiàn)有的分頁方法使服務(wù)器在接受并處理傳來的數(shù)據(jù)后，會產(chǎn)生一個新的網(wǎng)頁，浪費了許多帶寬，因為在前后兩個頁面中的大部分HTML代碼往往是相同的。

以播客網(wǎng)站系統(tǒng)為例，視頻也會被重新加載。由于每次應(yīng)用的交互都需要向服務(wù)器發(fā)送請求，應(yīng)用的響應(yīng)時間就依賴于服務(wù)器的響應(yīng)時間，這就導(dǎo)致了用戶界面的響應(yīng)比本地應(yīng)用慢得多。

發(fā)明內(nèi)容

本發(fā)明就是為了解決現(xiàn)有的分頁方法響應(yīng)速度慢、浪費帶寬、嚴重影響用戶體驗的技術(shù)問題，提供一種響應(yīng)速度快、節(jié)約帶寬、改善用戶體驗的基于Ajax技術(shù)的無刷新分頁方法。

Ajax即“Asynchronous?JavaScript?and?XML”（異步JavaScript和XML)，Ajax并非縮寫詞，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。Ajax在瀏覽器與Web服務(wù)器之間使用異步數(shù)據(jù)傳輸（HTTP請求），這樣就可使網(wǎng)頁從后臺服務(wù)器請求少量的信息，在不更新整個頁面的前提下維護數(shù)據(jù)，完成分頁功能。

本發(fā)明提供一種基于Ajax技術(shù)的無刷新分頁方法，包括以下步驟：

（1）創(chuàng)建一個顯示數(shù)據(jù)的div標(biāo)簽和超長文本分頁的超鏈接，點擊超鏈接調(diào)用自定義函數(shù)，傳遞參數(shù)調(diào)用實現(xiàn)分頁功能的文件；

（2）分頁功能的文件接收傳遞過來的參數(shù)，顯示頁數(shù)，向后臺服務(wù)器查詢數(shù)據(jù)；

（3）通過Ajax數(shù)據(jù)處理裝置到后臺服務(wù)器查詢所有數(shù)據(jù)；

（4）后臺服務(wù)器返回數(shù)據(jù)給Ajax數(shù)據(jù)處理裝置；

（5）Ajax數(shù)據(jù)處理裝置根據(jù)頁數(shù)參數(shù)過濾數(shù)據(jù)，返回當(dāng)前頁需要顯示的數(shù)據(jù)；

（6）將數(shù)據(jù)顯示到div標(biāo)簽中。

優(yōu)選地，步驟（2）中的顯示頁數(shù)具體是第一次默認為首頁。

本發(fā)明的有益效果是，合理、簡單、響應(yīng)速度快、節(jié)約帶寬，能夠使頁面的整體效果更加緊湊，大大改善了用戶體驗；本發(fā)明應(yīng)用Ajax技術(shù)能夠讓海量數(shù)據(jù)或者超長文本數(shù)據(jù)分頁輸出，可以僅向后臺服務(wù)器發(fā)送并取回必需的數(shù)據(jù)，它使用SOAP或其它一些基于XML的Web?Service接口，并在客戶端采用JavaScript處理來自后臺服務(wù)器的響應(yīng)。因此在后臺服務(wù)器和瀏覽器之間交換的數(shù)據(jù)大量減少，從而使響應(yīng)速度更快。同時很多的處理工作可以在發(fā)出請求的客戶端機器上完成，所以Web服務(wù)器的處理時間也減少了。

附圖說明

圖1是本發(fā)明的流程圖。

具體實施方式

如圖1所示，本發(fā)明的流程圖，包括以下步驟：

步驟S101，創(chuàng)建一個顯示數(shù)據(jù)的div標(biāo)簽和超長文本分頁的超鏈接，點擊超鏈接調(diào)用自定義函數(shù)artpagination()，傳遞參數(shù)調(diào)用另一個實現(xiàn)分頁功能的文件wy_fenye_ok.php。

步驟S102，分頁功能的文件接收傳遞過來的參數(shù)，顯示頁數(shù)(第一次默認為首頁)，向后臺服務(wù)器查詢數(shù)據(jù)。

步驟S103，通過Ajax數(shù)據(jù)處理裝置到后臺服務(wù)器查詢所有數(shù)據(jù)。

步驟S104，后臺服務(wù)器返回數(shù)據(jù)給Ajax數(shù)據(jù)處理裝置。

步驟S105，Ajax數(shù)據(jù)處理裝置根據(jù)頁數(shù)參數(shù)過濾數(shù)據(jù)，返回當(dāng)前頁需要顯示的數(shù)據(jù)。

步驟S105，將數(shù)據(jù)顯示到div標(biāo)簽中。

本發(fā)明包括wy_fenye.php、wy_fenye_ok.php和discuss_js.js3個文件。

在wy_fenye.php文件中，創(chuàng)建一個div標(biāo)簽，設(shè)置div標(biāo)簽的id=＂fenye＂。然后，在div標(biāo)簽中編寫長文本分頁輸出的代碼，并且在超長文本分頁的超鏈接中應(yīng)用onclick事件，調(diào)用自定義函數(shù)artpagination()，傳遞的參數(shù)為另一個實現(xiàn)分頁功能的文件wy_fenye_ok.php。

wy_fenye.php文件關(guān)鍵代碼如下：