本發(fā)明涉及WEB技術領域，特別是涉及一種Flex和Html數(shù)據(jù)相互交互的方法及裝置。

背景技術：

在WEB客戶端中，同一個系統(tǒng)中經(jīng)常會應用到不同的技術去實現(xiàn)頁面，有的使用Html、有的也會使用Flex，不同語言實現(xiàn)有各自語言的優(yōu)勢。此時就會產(chǎn)生一個問題，即不同語言頁面之間如何進行相互通信的問題。

通常這種情況的處理方式是通過server端進行通信，這將會給server端帶來較大的壓力，嚴重影響用戶的使用體驗。

技術實現(xiàn)要素：

本發(fā)明的目的是提供一種Flex和Html數(shù)據(jù)相互交互的方法及裝置，目的在于解決現(xiàn)有Flex和Html數(shù)據(jù)交互技術給server端帶來較大的壓力，影響用戶體驗的問題。

為解決上述技術問題，本發(fā)明提供一種Flex和Html數(shù)據(jù)相互交互的方法，包括：

當Flex頁面向Html頁面?zhèn)鬏敂?shù)據(jù)時，將所述Flex頁面的數(shù)據(jù)封裝到所述Html頁面的URL中；

當所述Html頁面打開時，解析URL獲取參數(shù)信息；

所述Html頁面監(jiān)聽URL中數(shù)據(jù)的變化；

當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。

可選地，所述將所述Flex頁面的數(shù)據(jù)封裝到所述Html頁面的URL中包括：

通過Flex與JavaScript的相互調用，將Flex的數(shù)據(jù)封裝到所述Html頁面的URL中。

本發(fā)明還提供了一種Flex和Html數(shù)據(jù)相互交互的方法，包括：

當Html頁面向Flex頁面?zhèn)鬏敂?shù)據(jù)時，將所述Html頁面的數(shù)據(jù)封裝到所述Flex頁面中的URL中；

當所述Flex頁面打開時，解析URL獲取參數(shù)信息；

所述Flex頁面監(jiān)聽URL中數(shù)據(jù)的變化；

當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。

可選地，所述將所述Html頁面的數(shù)據(jù)封裝到所述Flex頁面中的URL中包括：

通過JavaScript獲取所述Html頁面的數(shù)據(jù)，并封裝到所述Flex頁面中的URL中。

本發(fā)明還提供了一種Flex和Html數(shù)據(jù)相互交互的裝置，包括：

第一封裝模塊，用于當Flex頁面向Html頁面?zhèn)鬏敂?shù)據(jù)時，將所述Flex頁面的數(shù)據(jù)封裝到所述Html頁面的URL中；

第一解析模塊，用于當所述Html頁面打開時，解析URL獲取參數(shù)信息；

第一監(jiān)聽模塊，用于所述Html頁面監(jiān)聽URL中數(shù)據(jù)的變化；

第一獲取模塊，用于當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。

可選地，所述第一封裝模塊具體用于：

通過Flex與JavaScript的相互調用，將Flex的數(shù)據(jù)封裝到所述Html頁面的URL中。

本發(fā)明還提供了一種Flex和Html數(shù)據(jù)相互交互的裝置，包括：

第二封裝模塊，用于當Html頁面向Flex頁面?zhèn)鬏敂?shù)據(jù)時，將所述Html頁面的數(shù)據(jù)封裝到所述Flex頁面中的URL中；

第二解析模塊，用于當所述Flex頁面打開時，解析URL獲取參數(shù)信息；

第二監(jiān)聽模塊，用于所述Flex頁面監(jiān)聽URL中數(shù)據(jù)的變化；

第二獲取模塊，用于當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。

可選地，所述第二封裝模塊具體用于：

通過JavaScript獲取所述Html頁面的數(shù)據(jù)，并封裝到所述Flex頁面中的URL中。

本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的方法及裝置，當Flex頁面向Html頁面?zhèn)鬏敂?shù)據(jù)時，將Flex頁面的數(shù)據(jù)封裝到Html頁面的URL中；當Html頁面打開時，解析URL獲取參數(shù)信息；Html頁面監(jiān)聽URL中數(shù)據(jù)的變化；當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。當Html頁面向Flex頁面?zhèn)鬏敂?shù)據(jù)時，將Html頁面的數(shù)據(jù)封裝到Flex頁面中的URL中；當Flex頁面打開時，解析URL獲取參數(shù)信息；Flex頁面監(jiān)聽URL中數(shù)據(jù)的變化；當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。本申請利用瀏覽器URL中可以存放少量數(shù)據(jù)的特性，將一些參數(shù)附加到URL中，從而實現(xiàn)不同語言之間的相互通信。通過采用客戶端進行通信，大大減少了服務器的壓力，在一個應用中不同的客戶端之間通信更加方便快捷，提升了用戶的使用體驗。

附圖說明

為了更清楚的說明本發(fā)明實施例或現(xiàn)有技術的技術方案，下面將對實施例或現(xiàn)有技術描述中所需要使用的附圖作簡單的介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領域普通技術人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1為本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的方法的一種具體實施方式的流程圖；

圖2為本發(fā)明實施例提供的Flex和Html數(shù)據(jù)相互交互的裝置的一種具體實施方式的結構框圖；

圖3為本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的方法的另一種具體實施方式的流程圖；

圖4為本發(fā)明實施例提供的Flex和Html數(shù)據(jù)相互交互的裝置的另一種具體實施方式的結構框圖。

具體實施方式

為了使本技術領域的人員更好地理解本發(fā)明方案，下面結合附圖和具體實施方式對本發(fā)明作進一步的詳細說明。顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例。基于本發(fā)明中的實施例，本領域普通技術人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。

本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的方法的一種具體實施方式的流程圖如圖1所示，該方法包括：

步驟S101：當Flex頁面向Html頁面?zhèn)鬏敂?shù)據(jù)時，將所述Flex頁面的數(shù)據(jù)封裝到所述Html頁面的URL中；

步驟S102：當所述Html頁面打開時，解析URL獲取參數(shù)信息；

步驟S103：所述Html頁面監(jiān)聽URL中數(shù)據(jù)的變化；

步驟S104：當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。

本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的方法及裝置，當Flex頁面向Html頁面?zhèn)鬏敂?shù)據(jù)時，將Flex頁面的數(shù)據(jù)封裝到Html頁面的URL中；當Html頁面打開時，解析URL獲取參數(shù)信息；Html頁面監(jiān)聽URL中數(shù)據(jù)的變化；當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。本申請利用瀏覽器URL中可以存放少量數(shù)據(jù)的特性，將一些參數(shù)附加到URL中，從而實現(xiàn)不同語言之間的相互通信。通過采用客戶端進行通信，大大減少了服務器的壓力，在一個應用中不同的客戶端之間通信更加方便快捷，提升了用戶的使用體驗。

需要指出的是，本發(fā)明是基于向URL中添加參數(shù)實現(xiàn)的，其參數(shù)的重要性并不高，運用于安全性較低的參數(shù)。

在上述實施例的基礎上，本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的方法中，將所述Flex頁面的數(shù)據(jù)封裝到所述Html頁面的URL中可以具體為：

通過Flex與JavaScript的相互調用，將Flex的數(shù)據(jù)封裝到所述Html頁面的URL中。

當Flex頁面向Html頁面?zhèn)鬏敂?shù)據(jù)時，通過Flex與js腳本的互動，將參數(shù)寫入URL中，當Html頁面打開時，解析URL獲取參數(shù)，Html頁面同時監(jiān)聽URL的變化，如果Flex改變了URL，Html頁面就會有所感知，從而達到Flex到Html的數(shù)據(jù)通信。

下面對本發(fā)明實施例提供的Flex和Html數(shù)據(jù)相互交互的裝置進行介紹，下文描述的Flex和Html數(shù)據(jù)相互交互的裝置與上文描述的Flex和Html數(shù)據(jù)相互交互的方法可相互對應參照。

圖2為本發(fā)明實施例提供的Flex和Html數(shù)據(jù)相互交互的裝置的一種具體實施方式的結構框圖，參照圖2 Flex和Html數(shù)據(jù)相互交互的裝置可以包括：

第一封裝模塊100，用于當Flex頁面向Html頁面?zhèn)鬏敂?shù)據(jù)時，將所述Flex頁面的數(shù)據(jù)封裝到所述Html頁面的URL中；

第一解析模塊200，用于當所述Html頁面打開時，解析URL獲取參數(shù)信息；

第一監(jiān)聽模塊300，用于所述Html頁面監(jiān)聽URL中數(shù)據(jù)的變化；

第一獲取模塊400，用于當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。

其中，第一封裝模塊100具體用于：

通過Flex與JavaScript的相互調用，將Flex的數(shù)據(jù)封裝到所述Html頁面的URL中。

本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的裝置，當Flex頁面向Html頁面?zhèn)鬏敂?shù)據(jù)時，將Flex頁面的數(shù)據(jù)封裝到Html頁面的URL中；當Html頁面打開時，解析URL獲取參數(shù)信息；Html頁面監(jiān)聽URL中數(shù)據(jù)的變化；當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。本申請利用瀏覽器URL中可以存放少量數(shù)據(jù)的特性，將一些參數(shù)附加到URL中，從而實現(xiàn)不同語言之間的相互通信。通過采用客戶端進行通信，大大減少了服務器的壓力，在一個應用中不同的客戶端之間通信更加方便快捷，提升了用戶的使用體驗。

本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的方法的另一種具體實施方式的流程圖如圖3所示，該方法包括：

步驟S201：當Html頁面向Flex頁面?zhèn)鬏敂?shù)據(jù)時，將所述Html頁面的數(shù)據(jù)封裝到所述Flex頁面中的URL中；

步驟S202：當所述Flex頁面打開時，解析URL獲取參數(shù)信息；

步驟S203：所述Flex頁面監(jiān)聽URL中數(shù)據(jù)的變化；

步驟S204：當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。

其中，將所述Html頁面的數(shù)據(jù)封裝到所述Flex頁面中的URL中具體可以為：

通過JavaScript獲取所述Html頁面的數(shù)據(jù)，并封裝到所述Flex頁面中的URL中。

當Html頁面向Flex頁面?zhèn)鬏敂?shù)據(jù)時，通過js獲取Html的數(shù)據(jù)，并封裝到Flex頁面中的URL中，F(xiàn)lex頁面監(jiān)聽URL中的改變，這樣只要URL中的數(shù)據(jù)有變化，F(xiàn)lex頁面就會感知，從而達到Html到Flex的數(shù)據(jù)通信。

下面對本發(fā)明實施例提供的Flex和Html數(shù)據(jù)相互交互的裝置進行介紹，下文描述的Flex和Html數(shù)據(jù)相互交互的裝置與上文描述的Flex和Html數(shù)據(jù)相互交互的方法可相互對應參照。

圖4為本發(fā)明實施例提供的Flex和Html數(shù)據(jù)相互交互的裝置的另一種具體實施方式的結構框圖，參照圖4 Flex和Html數(shù)據(jù)相互交互的裝置可以包括：

第二封裝模塊500，用于當Html頁面向Flex頁面?zhèn)鬏敂?shù)據(jù)時，將所述Html頁面的數(shù)據(jù)封裝到所述Flex頁面中的URL中；

第二解析模塊600，用于當所述Flex頁面打開時，解析URL獲取參數(shù)信息；

第二監(jiān)聽模塊700，用于所述Flex頁面監(jiān)聽URL中數(shù)據(jù)的變化；

第二獲取模塊800，用于當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。

作為一種具體實施方式，本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的裝置中，上述第二封裝模塊500可以具體用于：

通過JavaScript獲取所述Html頁面的數(shù)據(jù)，并封裝到所述Flex頁面中的URL中。

本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的方法及裝置，當Html頁面向Flex頁面?zhèn)鬏敂?shù)據(jù)時，將Html頁面的數(shù)據(jù)封裝到Flex頁面中的URL中；當Flex頁面打開時，解析URL獲取參數(shù)信息；Flex頁面監(jiān)聽URL中數(shù)據(jù)的變化；當監(jiān)聽到URL中數(shù)據(jù)變化時，獲取更新的參數(shù)信息。本申請利用瀏覽器URL中可以存放少量數(shù)據(jù)的特性，將一些參數(shù)附加到URL中，從而實現(xiàn)不同語言之間的相互通信。通過采用客戶端進行通信，大大減少了服務器的壓力，在一個應用中不同的客戶端之間通信更加方便快捷，提升了用戶的使用體驗。

綜上，本發(fā)明中Flex與Html相互交互的數(shù)據(jù)通過URL傳送到各自畫面中，同時再解析URL來獲取到對方頁面中的信息。當Flex頁面想要將數(shù)據(jù)傳送到Html頁面中時，可以通過Flex與JavaScript的相互調用，將Flex中的數(shù)據(jù)封裝到Html頁面的URL中，Html頁面通過解析URL中的數(shù)據(jù)，從而來達到Flex到HTML的數(shù)據(jù)通信。當Html頁面想要將數(shù)據(jù)傳送到Flex頁面中時，可以通過JavaScript獲取到Html中的數(shù)據(jù)，并將數(shù)據(jù)封裝到Flex頁面中的URL中，F(xiàn)lex頁面通過解析URL中的數(shù)據(jù)，從而來達到Html到Flex的數(shù)據(jù)通信。

本說明書中各個實施例采用遞進的方式描述，每個實施例重點說明的都是與其它實施例的不同之處，各個實施例之間相同或相似部分互相參見即可。對于實施例公開的裝置而言，由于其與實施例公開的方法相對應，所以描述的比較簡單，相關之處參見方法部分說明即可。

專業(yè)人員還可以進一步意識到，結合本文中所公開的實施例描述的各示例的單元及算法步驟，能夠以電子硬件、計算機軟件或者二者的結合來實現(xiàn)，為了清楚地說明硬件和軟件的可互換性，在上述說明中已經(jīng)按照功能一般性地描述了各示例的組成及步驟。這些功能究竟以硬件還是軟件方式來執(zhí)行，取決于技術方案的特定應用和設計約束條件。專業(yè)技術人員可以對每個特定的應用來使用不同方法來實現(xiàn)所描述的功能，但是這種實現(xiàn)不應認為超出本發(fā)明的范圍。

結合本文中所公開的實施例描述的方法或算法的步驟可以直接用硬件、處理器執(zhí)行的軟件模塊，或者二者的結合來實施。軟件模塊可以置于隨機存儲器(RAM)、內(nèi)存、只讀存儲器(ROM)、電可編程ROM、電可擦除可編程ROM、寄存器、硬盤、可移動磁盤、CD-ROM、或技術領域內(nèi)所公知的任意其它形式的存儲介質中。

以上對本發(fā)明所提供的Flex和Html數(shù)據(jù)相互交互的方法以及裝置進行了詳細介紹。本文中應用了具體個例對本發(fā)明的原理及實施方式進行了闡述，以上實施例的說明只是用于幫助理解本發(fā)明的方法及其核心思想。應當指出，對于本技術領域的普通技術人員來說，在不脫離本發(fā)明原理的前提下，還可以對本發(fā)明進行若干改進和修飾，這些改進和修飾也落入本發(fā)明權利要求的保護范圍內(nèi)。