專利名稱：一種網(wǎng)頁數(shù)據(jù)的更新顯示方法
技術(shù)領(lǐng)域：
本發(fā)明屬于計(jì)算機(jī)網(wǎng)絡(luò)通信領(lǐng)域，尤其涉及一種對網(wǎng)頁數(shù)據(jù)進(jìn)行更新顯示的方法。
背景技術(shù)：
在計(jì)算機(jī)網(wǎng)絡(luò)中，不常變數(shù)據(jù)是指網(wǎng)頁中改變頻率很小的數(shù)據(jù)，例如新聞頁面中新聞主體的描述、新聞的發(fā)表時間、記者以及相關(guān)圖片等，這些數(shù)據(jù)在新聞發(fā)布后一般不會作更改。常變數(shù)據(jù)是指網(wǎng)頁中改變頻率比較頻繁的、用戶希望獲得的最新的實(shí)時數(shù)據(jù)，例如新聞頁面中該新聞的瀏覽次數(shù)、用戶發(fā)表的評論等。隨著計(jì)算機(jī)網(wǎng)絡(luò)的普及，用戶對互聯(lián)網(wǎng)的關(guān)注逐步加強(qiáng)，原有簡單的服務(wù)器端的Web數(shù)據(jù)邏輯處理傳輸已經(jīng)很難滿足大量用戶訪問的需要。特別對于一些包含信息量比較大的網(wǎng)頁，要滿足緩存不常變數(shù)據(jù)的需求以減輕服務(wù)器的數(shù)據(jù)處理壓力，同時滿足常變數(shù)據(jù)實(shí)時處理傳輸?shù)男枨笠蕴岣哂脩舻脑L問效果的矛盾十分突出。
IFrame(內(nèi)嵌網(wǎng)頁元素)技術(shù)是現(xiàn)有技術(shù)中處理網(wǎng)頁數(shù)據(jù)比較常用的一種方案，其原理是在一個數(shù)據(jù)量較大的頁面中，將常變數(shù)據(jù)分離成一個個單獨(dú)的子頁面，再把這些子頁面通過HTML(超文本標(biāo)記語言)的IFrame標(biāo)簽嵌入到父頁面中，用戶在瀏覽器看到的頁面其實(shí)是一個父頁面和IFrame子頁面混合而成的一個完整信息頁面，如圖1所示。在這種方案中，由于常變數(shù)據(jù)頁面的訪問傳輸中是HTML頁面和元數(shù)據(jù)邏輯處理結(jié)束后的混合傳輸，因此存在大量重復(fù)的數(shù)據(jù)傳輸，浪費(fèi)網(wǎng)絡(luò)帶寬。同時，這種方案雖然能成功對一個Web頁面的常變數(shù)據(jù)和不常變數(shù)據(jù)的分離處理表達(dá)，但I(xiàn)Frame標(biāo)簽的兼容性差，除了IE系列外，很多流行的瀏覽器均不支持IFrame標(biāo)簽，而且IFrame標(biāo)簽在IE系列瀏覽器中的高度控制也存在經(jīng)常失效的問題。另外，對于用戶對IFrame內(nèi)的頁面產(chǎn)生的新的訪問請求，如翻頁、跳轉(zhuǎn)等，由于IFrame技術(shù)靈活性差，會導(dǎo)致IFrame子頁面的全部刷新，瀏覽器在傳輸網(wǎng)頁數(shù)據(jù)和頁面跳轉(zhuǎn)的過程中沒有界面提示，降低了用戶的網(wǎng)頁瀏覽效果。
另一種方法是瀏覽器通過一次性加載JavaScript(基于對象的腳本語言)方式處理網(wǎng)頁數(shù)據(jù)，其主要原理是利用JavaScript和動態(tài)網(wǎng)頁輸出混合的方法來處理常變數(shù)據(jù)，把處理的數(shù)據(jù)結(jié)果結(jié)合網(wǎng)頁表達(dá)模板，然后一次性替換原信息頁面中特定的標(biāo)簽，以此將常變數(shù)據(jù)嵌入到原信息頁面中，如圖2所示。在這種方案中，由于網(wǎng)頁對JavaScript文件是一次性加載的，所以如果用戶產(chǎn)生新的操作請求，如翻頁、跳轉(zhuǎn)等會導(dǎo)致整個頁面的刷新，浪費(fèi)傳輸帶寬，而且頁面跳轉(zhuǎn)過程中沒有任何界面提示，用戶的網(wǎng)頁瀏覽效果較差。同時，常變數(shù)據(jù)頁面的訪問傳輸中是數(shù)據(jù)的處理結(jié)果結(jié)合網(wǎng)頁表達(dá)模板的混合傳輸，多次訪問會存在大量重復(fù)的數(shù)據(jù)傳輸，浪費(fèi)網(wǎng)絡(luò)帶寬。
綜上所述，現(xiàn)有技術(shù)中瀏覽器在對網(wǎng)頁中的常變數(shù)據(jù)進(jìn)行處理時，采用將數(shù)據(jù)和網(wǎng)頁表達(dá)模塊結(jié)合的方式，因而造成了大量重復(fù)的數(shù)據(jù)傳輸，浪費(fèi)網(wǎng)絡(luò)傳輸帶寬。同時，在用戶進(jìn)行網(wǎng)頁操作請求時，頁面刷新不靈活，減弱了用戶的網(wǎng)頁瀏覽效果。

發(fā)明內(nèi)容
本發(fā)明的目的在于提供了一種網(wǎng)頁數(shù)據(jù)的更新顯示方法，旨在解決現(xiàn)有技術(shù)中存在的在對網(wǎng)頁中的常變數(shù)據(jù)進(jìn)行更新顯示時，采用將數(shù)據(jù)和網(wǎng)頁表達(dá)模塊結(jié)合的方式，造成了大量重復(fù)的數(shù)據(jù)傳輸，浪費(fèi)網(wǎng)絡(luò)傳輸帶寬的問題。
本發(fā)明是這樣實(shí)現(xiàn)的一種網(wǎng)頁數(shù)據(jù)的更新顯示方法，所述網(wǎng)頁數(shù)據(jù)包括常變數(shù)據(jù)和不常變數(shù)據(jù)，所述方法包括設(shè)置常變數(shù)據(jù)的元數(shù)據(jù)，以及與所述元數(shù)據(jù)對應(yīng)的顯示格式；
瀏覽器根據(jù)用戶的訪問請求獲取服務(wù)器端輸出的元數(shù)據(jù)，并按照所述元數(shù)據(jù)對應(yīng)的顯示格式解析所述元數(shù)據(jù)，加載到網(wǎng)頁中顯示。
所述服務(wù)器端通過同步或者異步方式向?yàn)g覽器輸出元數(shù)據(jù)。
所述元數(shù)據(jù)為JavaScript元數(shù)據(jù)或者Flash元數(shù)據(jù)。
當(dāng)用戶發(fā)起訪問請求時，瀏覽器加載服務(wù)器端輸出的JavaScript元數(shù)據(jù)，通過JavaScript數(shù)據(jù)處理函數(shù)將所述JavaScript元數(shù)據(jù)轉(zhuǎn)化為HTML網(wǎng)頁語句，將所述HTML網(wǎng)頁語句填充入網(wǎng)頁中預(yù)定義的HTML標(biāo)簽標(biāo)識中。
所述加載服務(wù)器端輸出的JavaScript元數(shù)據(jù)的方式包括動態(tài)加載或者通過Ajax方式加載。
瀏覽器根據(jù)用戶的請求動態(tài)加載Flash元數(shù)據(jù)，按照Flash格式解析表達(dá)所述元數(shù)據(jù)，以Flash格式在網(wǎng)頁中顯示。
所述JavaScript元數(shù)據(jù)為JavaScript數(shù)組形式或者XML形式。
所述Flash元數(shù)據(jù)為Flash變量串形式或者XML形式。
所述方法進(jìn)一步包括瀏覽器在網(wǎng)頁局部刷新過程中判斷元數(shù)據(jù)的加載狀態(tài)，當(dāng)元數(shù)據(jù)加載未完成時，向用戶發(fā)出等待的提示信息。
所述方法進(jìn)一步包括當(dāng)用戶登錄網(wǎng)頁后更新訪問請求時，瀏覽器加載所述訪問請求對應(yīng)的元數(shù)據(jù)，對網(wǎng)頁進(jìn)行局部刷新。
本發(fā)明可以減少網(wǎng)頁中常變數(shù)據(jù)在更新顯示過程中的網(wǎng)絡(luò)傳輸帶寬，提高傳輸效率，兼容性好。同時，能判斷頁面加載過程，提高用戶的網(wǎng)頁瀏覽效果。


圖1是現(xiàn)有技術(shù)中通過IFrame方式對網(wǎng)頁中的常變數(shù)據(jù)進(jìn)行更新顯示的實(shí)現(xiàn)示意圖；圖2是現(xiàn)有技術(shù)中通過一次性加載JavaScript方式對網(wǎng)頁中的常變數(shù)據(jù)進(jìn)行更新顯示的實(shí)現(xiàn)示意圖；圖3是本發(fā)明提供的通過動態(tài)加載JavaScript元數(shù)據(jù)方式對網(wǎng)頁中的常變數(shù)據(jù)進(jìn)行更新顯示的實(shí)現(xiàn)示意圖；圖4是本發(fā)明提供的通過Ajax方式對網(wǎng)頁中的常變數(shù)據(jù)進(jìn)行更新顯示的實(shí)現(xiàn)示意圖；圖5是本發(fā)明提供的通過Flash方式對網(wǎng)頁中的常變數(shù)據(jù)進(jìn)行更新顯示的實(shí)現(xiàn)示意圖。
具體實(shí)施例方式
為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié)合附圖及實(shí)施例，對本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
本發(fā)明通過將網(wǎng)頁中的常變數(shù)據(jù)中的元數(shù)據(jù)和顯示格式進(jìn)行分離的方式對常變數(shù)據(jù)的傳輸和顯示進(jìn)行處理，可以減少數(shù)據(jù)傳輸量，同時增加用戶的網(wǎng)頁瀏覽效果。
在本發(fā)明中，對于網(wǎng)頁中的不常變數(shù)據(jù)的保存和傳輸可以在服務(wù)器端用多種方法來實(shí)現(xiàn)，如定時更新的內(nèi)存緩存服務(wù)，將數(shù)據(jù)和網(wǎng)頁模板結(jié)合生成一個靜態(tài)的網(wǎng)頁文件等。對于網(wǎng)頁中的常變數(shù)據(jù)采用元數(shù)據(jù)和顯示格式進(jìn)行分離的方式進(jìn)行處理。
在本發(fā)明的一個實(shí)施例中，瀏覽器使用動態(tài)加載JavaScript元數(shù)據(jù)的方法實(shí)現(xiàn)網(wǎng)頁中常變數(shù)據(jù)的更新顯示，如圖3所示。
JavaScript元數(shù)據(jù)是服務(wù)器端實(shí)時輸出的一個文件，符合JavaScript的語法規(guī)則，簡單的數(shù)據(jù)可以用JavaScript數(shù)組形式來輸出，復(fù)雜度高的數(shù)據(jù)可以使用XML(可擴(kuò)展標(biāo)記語言)的形式來輸出。
處理數(shù)據(jù)表達(dá)的JavaScript數(shù)據(jù)處理函數(shù)是一個包含JavaScript數(shù)據(jù)數(shù)組處理規(guī)則和顯示規(guī)則的函數(shù)。假如JavaScript元數(shù)據(jù)是以數(shù)組的形式輸出的，以用戶留言為例，可以預(yù)定數(shù)組的第一個元素代表留言用戶的姓名，第二個元素代表留言的內(nèi)容，第三個元素代表留言的時間，第四個元素又開始重復(fù)第一個元素代表的意思(即可以使用模3的算法)，該規(guī)則可以和HTML顯示樣式模板標(biāo)簽預(yù)先寫入JavaScript數(shù)據(jù)處理函數(shù)中，這樣只要往JavaScript數(shù)據(jù)處理函數(shù)中傳入不同的元數(shù)據(jù)參數(shù)，就能把元數(shù)據(jù)和HTML顯示樣式合并成一個完整的HTML網(wǎng)頁語句，再把這些HTML網(wǎng)頁語句填充入網(wǎng)頁中預(yù)定義的HTML標(biāo)簽ID(標(biāo)識)中就能成功實(shí)現(xiàn)常變數(shù)據(jù)的處理和表達(dá)。
在本發(fā)明中，JavaScript數(shù)據(jù)表達(dá)處理函數(shù)在用戶登錄頁面時只會被加載一次，以后每次用戶對常變數(shù)據(jù)的不同訪問請求，例如翻頁、跳轉(zhuǎn)等只會傳輸獲取JavaScript的元數(shù)據(jù)數(shù)組，不會重新從服務(wù)器端傳輸獲取JavaScript數(shù)據(jù)處理表達(dá)函數(shù)，大大減少了數(shù)據(jù)傳輸占用的網(wǎng)絡(luò)帶寬。
同時，每次用戶發(fā)生請求時都會讓瀏覽器動態(tài)加載新的對應(yīng)的JavaScript元數(shù)據(jù)，然后把新的元數(shù)據(jù)傳入數(shù)據(jù)處理表達(dá)函數(shù)中重新執(zhí)行一次，這樣就能實(shí)現(xiàn)信息頁面中顯示常變數(shù)據(jù)的局部刷新。由于整個過程都是在一個頁面中進(jìn)行的，可以在頁面局部刷新的過程中進(jìn)行顯示狀態(tài)判斷，當(dāng)傳輸加載新的JavaScript元數(shù)據(jù)未完成時，可以在界面中增加顯示讓用戶等待的提示信息等，從而可以加強(qiáng)用戶的網(wǎng)頁瀏覽效果。
動態(tài)加載JavaScript元數(shù)據(jù)的部分關(guān)鍵代碼示例如下(1)動態(tài)加載JavaScript元數(shù)據(jù)Var datajsObj＝document.getElementById(′datajs′)；//獲取頁面中一個id為’datajs’的script標(biāo)簽的對象，并賦值給datajsObj；datajsObj.src＝”showmsg.js？itemid＝”+itemid+”&page＝”+ipage；//設(shè)置datajsObj加載的js的文件名；其中，showmsg.js表示要加載的服務(wù)器端動態(tài)生成的文件，itemid＝”+itemid+”&page＝”+ipage；表示要傳給服務(wù)器端的參數(shù)，這段代碼里就傳入了一個物品的ID和物品相關(guān)信息的頁數(shù)。
只要在目標(biāo)JavaScript文件中(上述語句中為showmsg.js文件)定義一個新的變量(數(shù)組/XML)，這樣就能在JavaScript處理元數(shù)據(jù)函數(shù)中調(diào)用處理這個變量了。
(2)在網(wǎng)頁頁面中顯示數(shù)據(jù)的語句Var dataMsgObj＝document.getElementById(′html_tem_msg′)//獲取頁面中已預(yù)設(shè)定好的id為”html_tem_msg”的html標(biāo)簽對象，并賦值給dataMsgObj；dataMsgObj.innerHTML＝allContent；//設(shè)置dataMsgObj里html代碼的內(nèi)容，即經(jīng)元數(shù)據(jù)和表達(dá)模板結(jié)合后的信息內(nèi)容；在本發(fā)明的另一個實(shí)施例中，瀏覽器通過Ajax(異步JavaScript和XML)方式實(shí)現(xiàn)網(wǎng)頁中常變數(shù)據(jù)的更新顯示，如圖4所示。
與上述實(shí)施例不同的是，本實(shí)施例使用Ajax獲取數(shù)據(jù)的方式代替了動態(tài)加載JavaScript文件的方式。Ajax對用戶瀏覽器的安全訪問域設(shè)置的要求更高，在瀏覽器默認(rèn)設(shè)置的狀態(tài)下，由于安全限制的原因，Ajax無法獲取不同域名下的數(shù)據(jù)。Ajax傳輸數(shù)據(jù)時可以選擇異步傳輸?shù)姆绞?，傳輸?shù)據(jù)時效率更高。
在本發(fā)明中，Ajax技術(shù)獲取元數(shù)據(jù)的部分關(guān)鍵代碼示例如下建立一個xmlhttp對象的代碼if(window.XMLHttpRequest){//針對Mozilla瀏覽器類型http_request＝new XMLHttpRequest()；if(http_request.overrideMimeType){http_request.overrideMimeType(′text/xml′)；}}else if(window.ActiveXObject){//針對IE瀏覽器類型.
try{http_request＝new ActiveXObject(″Msxml2.XMLHTTP″)；}catch(e){
try{http_request＝newActiveXObject(″Microsoft.XMLHTTP″)；}catch(e){}//處理異常.
}}http_request.open(′Get′，′Message/CheckNew.aspx′，true；//向目標(biāo)路徑文件發(fā)出獲取請求.
http_request.onreadystatechange＝dealMsg；//綁定狀態(tài)改變后(獲取成功)的處理函數(shù)http_request.send(″)；//發(fā)出請求Function dealMsg(){var msgContent＝http_request.responseText；//把返回的數(shù)據(jù)賦值給變量.
}至此完成使用Ajax獲取元數(shù)據(jù)過程。
在本發(fā)明的第三個實(shí)施例中，瀏覽器通過Flash技術(shù)實(shí)現(xiàn)網(wǎng)頁中常變數(shù)據(jù)的更新顯示，如圖5所示。
本實(shí)施例使用了網(wǎng)頁內(nèi)嵌Flash的方式來代替上兩個實(shí)施例中的JavaScript數(shù)據(jù)處理表達(dá)函數(shù)來處理常變數(shù)據(jù)。內(nèi)嵌于網(wǎng)頁中的Flash可以通過Flash的api(應(yīng)用接口)對元數(shù)據(jù)發(fā)出獲取請求，再把獲取到的數(shù)據(jù)經(jīng)過邏輯處理，結(jié)合表達(dá)樣式顯示出來。
本實(shí)施例中元數(shù)據(jù)的輸出和上述兩個實(shí)施例相同，都是根據(jù)用戶的HTTP(超文本傳輸協(xié)議)請求由服務(wù)器端動態(tài)輸出，輸出的形式可以為Flash支持的變量串或者是XML，F(xiàn)lash獲取到該元數(shù)據(jù)后就能解析這些數(shù)據(jù)代表的意義。在使用變量串的話，以用戶留言為例，可以定義第一個變量為留言用戶的名稱，第二個變量為留言的內(nèi)容等。Flash可以把這些元數(shù)據(jù)結(jié)合Flash特有的動態(tài)文本對象、MoveClip對象、事件觸發(fā)API等一一顯示在Flash的舞臺對象中，顯示方式更豐富。同時，F(xiàn)lash的表達(dá)不依賴瀏覽器的版本，只要是安裝了Flash插件的瀏覽器就能支持本方案中的Flash文件，兼容性好。
在本發(fā)明中，通過Flash技術(shù)獲取元數(shù)據(jù)的部分關(guān)鍵代碼示例如下var c＝new LoadVars()；//新建一個LoadVar對象c.load(″http://www.xxx.com/loadtest.php？uni＝″+_global.BaseUserId)；//獲取數(shù)據(jù)的目的路徑c.onLoad＝function(success){//成功獲取到數(shù)據(jù)var shopName＝this[″shopName″]；//把獲取到的數(shù)據(jù)賦值給變量}以上所述僅為本發(fā)明的較佳實(shí)施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換和改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種網(wǎng)頁數(shù)據(jù)的更新顯示方法，所述網(wǎng)頁數(shù)據(jù)包括常變數(shù)據(jù)和不常變數(shù)據(jù)，其特征在于，所述方法包括設(shè)置常變數(shù)據(jù)的元數(shù)據(jù)，以及與所述元數(shù)據(jù)對應(yīng)的顯示格式；瀏覽器根據(jù)用戶的訪問請求獲取服務(wù)器端輸出的元數(shù)據(jù)，并按照所述元數(shù)據(jù)對應(yīng)的顯示格式解析所述元數(shù)據(jù)，加載到網(wǎng)頁中顯示。
2.如權(quán)利要求1所述的網(wǎng)頁數(shù)據(jù)的更新顯示方法，其特征在于，所述服務(wù)器端通過同步或者異步方式向?yàn)g覽器輸出元數(shù)據(jù)。
3.如權(quán)利要求1所述的網(wǎng)頁數(shù)據(jù)的更新顯示方法，其特征在于，所述元數(shù)據(jù)為JavaScript元數(shù)據(jù)或者Flash元數(shù)據(jù)。
4.如權(quán)利要求3所述的網(wǎng)頁數(shù)據(jù)的更新顯示方法，其特征在于，當(dāng)用戶發(fā)起訪問請求時，瀏覽器加載服務(wù)器端輸出的JavaScript元數(shù)據(jù)，通過JavaScript數(shù)據(jù)處理函數(shù)將所述JavaScript元數(shù)據(jù)轉(zhuǎn)化為HTML網(wǎng)頁語句，將所述HTML網(wǎng)頁語句填充入網(wǎng)頁中預(yù)定義的HTML標(biāo)簽標(biāo)識中。
5.如權(quán)利要求4所述的網(wǎng)頁數(shù)據(jù)的更新顯示方法，其特征在于，所述加載服務(wù)器端輸出的JavaScript元數(shù)據(jù)的方式包括動態(tài)加載或者通過Ajax方式加載。
6.如權(quán)利要求3所述的網(wǎng)頁數(shù)據(jù)的更新顯示方法，其特征在于，瀏覽器根據(jù)用戶的請求動態(tài)加載Flash元數(shù)據(jù)，按照Flash格式解析表達(dá)所述元數(shù)據(jù)，以Flash格式在網(wǎng)頁中顯示。
7.如權(quán)利要求3、4或5所述的網(wǎng)頁數(shù)據(jù)的更新顯示方法，其特征在于，所述JavaScript元數(shù)據(jù)為JavaScript數(shù)組形式或者XML形式。
8.如權(quán)利要求3或6所述的網(wǎng)頁數(shù)據(jù)的更新顯示方法，其特征在于，所述Flash元數(shù)據(jù)為Flash變量串形式或者XML形式。
9.如權(quán)利要求1所述的網(wǎng)頁數(shù)據(jù)的更新顯示方法，其特征在于，所述方法進(jìn)一步包括瀏覽器在網(wǎng)頁局部刷新過程中判斷元數(shù)據(jù)的加載狀態(tài)，當(dāng)元數(shù)據(jù)加載未完成時，向用戶發(fā)出等待的提示信息。
10.如權(quán)利要求1所述的網(wǎng)頁數(shù)據(jù)的更新顯示方法，其特征在于，所述方法進(jìn)一步包括當(dāng)用戶登錄網(wǎng)頁后更新訪問請求時，瀏覽器加載所述訪問請求對應(yīng)的元數(shù)據(jù)，對網(wǎng)頁進(jìn)行局部刷新。
全文摘要
本發(fā)明適用于計(jì)算機(jī)網(wǎng)絡(luò)通信領(lǐng)域，提供了一種網(wǎng)頁數(shù)據(jù)的更新顯示方法，所述網(wǎng)頁數(shù)據(jù)包括常變數(shù)據(jù)和不常變數(shù)據(jù)，所述方法包括設(shè)置常變數(shù)據(jù)的元數(shù)據(jù)，以及與所述元數(shù)據(jù)對應(yīng)的顯示格式；瀏覽器根據(jù)用戶的訪問請求獲取服務(wù)器端輸出的元數(shù)據(jù)，并按照所述元數(shù)據(jù)對應(yīng)的顯示格式解析所述元數(shù)據(jù)，加載到網(wǎng)頁中顯示。本發(fā)明可以減少網(wǎng)頁中常變數(shù)據(jù)在更新顯示過程中的網(wǎng)絡(luò)傳輸帶寬，提高傳輸效率，兼容性好。同時，能判斷頁面加載過程，提高用戶的網(wǎng)頁瀏覽效果。
文檔編號G06F17/30GK1987851SQ200510121238
公開日2007年6月27日 申請日期2005年12月22日 優(yōu)先權(quán)日2005年12月22日
發(fā)明者鄭潤宗 申請人:騰訊科技(深圳)有限公司