[發(fā)明專利]一種動態(tài)網(wǎng)頁與服務器交互方法

在審

• 申請?zhí)枺?/td>: 201410212853.1
• 申請日: 2014-05-20
• 公開（公告）號: CN103973805A
• 公開（公告）日: 2014-08-06
• 發(fā)明（設計）人: 邢偉;張立雨
• 申請（專利權）人: 浪潮電子信息產(chǎn)業(yè)股份有限公司
• 主分類號: H04L29/08
• 分類號: H04L29/08;G06F9/445
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 姜明

技術領域

本發(fā)明涉及計算機技術領域，具體的說是一種動態(tài)的對網(wǎng)頁進行創(chuàng)建和加載，實現(xiàn)實時更新功能的動態(tài)網(wǎng)頁與服務器交互方法。

背景技術

現(xiàn)有技術中，動態(tài)網(wǎng)頁在與服務器進行通信時，通信的復雜度較高，整個交互過程中的效率較低，服務器在交互過程中的負荷量較大。傳統(tǒng)的WEB應用主要是在用戶端填寫FORM表單，當提交表單時就向WEB服務器發(fā)送請求。服務器通過接收并處理傳來的表單，然后送回一個新的頁面，但此法比較消耗帶寬，因為兩個頁面的大部分HTML碼大多是相同的。但是每次應用的溝通都需要向服務器發(fā)送請求，應用的回應時間往往依賴于服務器的回應時間，這導致了用戶界面的回應比本機應用慢得多。

基于此，現(xiàn)提供一種動態(tài)頁面與服務器交互方法，該交互方法需要解決以下幾個問題：第一、對于在傳統(tǒng)的WEB應用主要是在用戶端填寫FORM表單，當提交表單時就向WEB服務器發(fā)送請求。服務器通過接收并處理傳來的表單，然后送回一個新的頁面，在這個過程中浪費大量資源的問題；第二、如何提高服務器和動態(tài)頁面通信時用戶的友好感受度，在用戶不知不覺地情況下進行比較有效率的前臺頁面和服務器交互的信息傳遞；第三、如何解決跨平臺操作，所有的操作與瀏覽器的種類和版本沒有關系，真正做到對于前端載體的相關度降低。如何做到顯示頁面對于瀏覽器的兼容性，是需要解決的技術問題之一。

對于交互通信的過程中，除了需要確保通信的效率之外，更重要的是通信過程中的安全性，采用一種有效的數(shù)據(jù)加載方式可以斷絕從客戶端分析通信的內(nèi)容，并且可以有效的提供服務器的安全訪問，這個也是需要解決的關鍵技術問題。

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

本發(fā)明的技術任務是解決現(xiàn)有技術的不足，提供一種動態(tài)的對網(wǎng)頁進行創(chuàng)建和加載，實現(xiàn)實時更新功能的動態(tài)網(wǎng)頁與服務器交互方法。

本發(fā)明的技術方案是按以下方式實現(xiàn)的，該一種動態(tài)網(wǎng)頁與服務器交互方法，其具體實現(xiàn)過程如下：

一、設置前端數(shù)據(jù)處理模塊、交互通信模塊、服務器數(shù)據(jù)處理模塊三個模塊，其中

前端數(shù)據(jù)處理模塊是數(shù)據(jù)收集和呈現(xiàn)單元，負責對數(shù)據(jù)進行動態(tài)的顯示和交互、異步或者同步數(shù)據(jù)的查詢和檢索，以及對傳遞到服務器的數(shù)據(jù)進行有效的綁定；

交互通信模塊是數(shù)據(jù)通信單元，負責在動態(tài)頁面和服務器進行交互通信過程中的標準和通信協(xié)議的制定，確保通信可以有效的進行；

服務器數(shù)據(jù)處理模塊是數(shù)據(jù)處理單元，負責對前段頁面?zhèn)鬟f過來的數(shù)據(jù)進行分析和處理，并且對于動態(tài)頁面進行合理的應答；

二、調(diào)用前端數(shù)據(jù)處理模塊；

三、服務器數(shù)據(jù)處理模塊開始對前段頁面內(nèi)容進行分析；

四、組合成通信數(shù)據(jù)包；

五、調(diào)用交互通信模塊，開始服務器交互；

六、服務器交互成功后，前端數(shù)據(jù)處理模塊對前端頁面進行動態(tài)呈現(xiàn)。

上述技術方案的動態(tài)交互方法可以僅向服務器發(fā)送并獲得必要的數(shù)據(jù)，使用基于XML的頁面服務接口，并且在客戶端采用JavaScript去處理來自服務器的回應。因此在服務器和瀏覽器之間交換的數(shù)據(jù)大量減少，交互的過程中提高了效率，降低了服務器的負荷量。

所述步驟三中對前段頁面內(nèi)容進行分析的過程為：使用XMLHTTPREQUEST對象對同步或者是異步數(shù)據(jù)進行查詢和檢索，分析出需要傳遞的數(shù)據(jù)內(nèi)容和需要傳遞的參數(shù)。

所述步驟四中組成通信數(shù)據(jù)包的詳細內(nèi)容為：使用JavaScript將所需要傳遞和通信的參數(shù)進行自定義的綁定操作，然后進行用戶自定義的方式提交給服務器。

所述步驟五中服務器交互是指使用XML進行數(shù)據(jù)交換和傳遞的操作，將此文本作為需要解析和交換數(shù)據(jù)時動態(tài)頁面和服務器共同達成的數(shù)據(jù)存放格式。

所述步驟六中使用Document Object Model進行前端頁面的動態(tài)顯示和交互，將動態(tài)頁面和服務器進行通信的結(jié)果實時的在動態(tài)頁面進行顯示。

本發(fā)明與現(xiàn)有技術相比所產(chǎn)生的有益效果是：