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

背景技術(shù)：

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

通常這種情況的處理方式是通過(guò)server端進(jìn)行通信，這將會(huì)給server端帶來(lái)較大的壓力，嚴(yán)重影響用戶(hù)的使用體驗(yàn)。

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

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

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

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

當(dāng)所述Html頁(yè)面打開(kāi)時(shí)，解析URL獲取參數(shù)信息；

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

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

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

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

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

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

當(dāng)所述Flex頁(yè)面打開(kāi)時(shí)，解析URL獲取參數(shù)信息；

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

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

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

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

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

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

第一解析模塊，用于當(dāng)所述Html頁(yè)面打開(kāi)時(shí)，解析URL獲取參數(shù)信息；

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

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

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

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

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

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

第二解析模塊，用于當(dāng)所述Flex頁(yè)面打開(kāi)時(shí)，解析URL獲取參數(shù)信息；

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

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

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

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

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

附圖說(shuō)明

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

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

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

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

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

具體實(shí)施方式

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

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

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

步驟S102：當(dāng)所述Html頁(yè)面打開(kāi)時(shí)，解析URL獲取參數(shù)信息；

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

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

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

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

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

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

當(dāng)Flex頁(yè)面向Html頁(yè)面?zhèn)鬏敂?shù)據(jù)時(shí)，通過(guò)Flex與js腳本的互動(dòng)，將參數(shù)寫(xiě)入U(xiǎn)RL中，當(dāng)Html頁(yè)面打開(kāi)時(shí)，解析URL獲取參數(shù)，Html頁(yè)面同時(shí)監(jiān)聽(tīng)URL的變化，如果Flex改變了URL，Html頁(yè)面就會(huì)有所感知，從而達(dá)到Flex到Html的數(shù)據(jù)通信。

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

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

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

第一解析模塊200，用于當(dāng)所述Html頁(yè)面打開(kāi)時(shí)，解析URL獲取參數(shù)信息；

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

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

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

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

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

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

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

步驟S202：當(dāng)所述Flex頁(yè)面打開(kāi)時(shí)，解析URL獲取參數(shù)信息；

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

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

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

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

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

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

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

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

第二解析模塊600，用于當(dāng)所述Flex頁(yè)面打開(kāi)時(shí)，解析URL獲取參數(shù)信息；

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

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

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

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

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

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

本說(shuō)明書(shū)中各個(gè)實(shí)施例采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說(shuō)明的都是與其它實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同或相似部分互相參見(jiàn)即可。對(duì)于實(shí)施例公開(kāi)的裝置而言，由于其與實(shí)施例公開(kāi)的方法相對(duì)應(yīng)，所以描述的比較簡(jiǎn)單，相關(guān)之處參見(jiàn)方法部分說(shuō)明即可。

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

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

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