[發明專利]輸出內容的方法及裝置、內容輸出系統

有效

• 申請號: 201210564635.5
• 申請日: 2012-12-21
• 公開（公告）號: CN103885988B
• 公開（公告）日: 2017-11-03
• 發明（設計）人: 胡可云
• 申請（專利權）人: 中國移動通信集團公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京派特恩知識產權代理有限公司11270
• 代理人: 張振偉,王黎延

技術領域

本發明涉及網頁輸出技術，尤其涉及一種在宿主網頁中輸出第三方內容的方法及裝置、網頁服務器、第三方內容服務器、以及第三方內容輸出系統。

背景技術

隨著互聯網技術的不斷發展，互聯網已成為信息的主要載體，網頁上不僅承載有網站信息，一般還集成有第三方內容如來自于第三方的廣告系統、推薦系統以及其他各種各樣的在線服務系統的內容。例如，很多網頁有來自于Google的在線廣告內容。

目前在宿主網頁輸出第三方的內容的主要方式有兩種。一種方式是，在網頁插入一段Java腳本(Javascript)代碼，該代碼同步請求后臺得到超文本標記語言(HTML，Hypertext Markup Language)片段，然后插入到宿主網頁中進行顯示；另一種方式是，在網頁插入框架(iframe)，并將其src屬性設置為第三方網頁的地址，瀏覽器將自動異步加載該網頁，第三方內容的加載不影響宿主網頁其他元素的加載。該iframe也可以通過Javascript動態創建。

通過Javascript同步請求后臺得到HTML片段，然后輸出到宿主網頁的方式存在以下技術問題：由于是同步請求，當第三方系統出問題時，宿主網頁由于等待結果返回，響應將受到影響；另外該方式無法很好地控制和調試返回的HTML片段的樣式，也無法在異步創建的文件對象模型(DOM，Document ObjectModel)元素上放置第三方內容。例如，無法在網頁上動態彈出的對話框上放置內容。

直接通過使用iframe并向其src屬性傳遞參數，引入到宿主網站的方式存在以下技術問題：內部無法改變展示區域的大小，即無法動態設置顯示位置的大小，不論內容如何，都顯示在固定的區域；對于靜態創建的iframe，在內容未加載之前，會顯示一塊空白區域；如果第三方系統出問題，會在iframe里面顯示錯誤信息如“404Error”等，會影響網頁的外觀；對于動態創建的iframe，需要發送兩次請求，在第三方系統出錯的時候內容會顯示為空白。

發明內容

有鑒于此，本發明的主要目的在于提供一種在宿主網頁中輸出第三方內容的方法及裝置、網頁服務器、第三方內容服務器、以及第三方內容輸出系統，能在輸出宿主網頁時一并通過封裝于宿主網頁中的第三方內容調用接口靈活快捷地動態調用第三方內容并輸出。

為達到上述目的，本發明的技術方案是這樣實現的：

一種在宿主網頁中輸出第三方內容的方法，包括：

在宿主網頁中設置調用第三方內容的接口；

調用宿主網頁時，通過所述接口發起對第三方內容的異步請求；

接收到封裝有第三方內容的字符串后，解析所述字符串并輸出第三方內容。

優選地，第三方內容封裝為字符串，包括：

將第三方內容按照該第三方內容的特征參數封裝為超文本標記語言HTML格式，將HTML格式的第三方內容封裝為腳本script函數，并在所述script函數中設置HTML格式的第三方內容的顯示位置及尺寸信息；

生成匿名函數，并將所述匿名函數存放于字符串中；其中，所述匿名函數調用所述script函數。

優選地，在宿主網頁中設置調用第三方內容的接口，包括：

動態創建script標簽，所述script標簽調用封裝第三方內容的腳本函數；在所述script標簽中設置待插入第三方內容的位置元素及內容特征參數。

優選地，所述解析所述字符串并輸出第三方內容，包括：

解析所接收的字符串，獲取匿名函數，自動執行所述匿名函數；

所述匿名函數調用所述script函數，根據所述script函數的框架iframe動態輸出第三方內容。

一種在宿主網頁中輸出第三方內容的裝置，包括設置單元、調用單元、發送單元、接收單元和解析輸出單元，其中：

設置單元，用于在宿主網頁中設置調用第三方內容的接口；

調用單元，用于調用宿主網頁；

發送單元，用于在調用宿主網頁時，通過所述接口發起對第三方內容的異步請求；

接收單元，用于接收封裝有第三方內容的字符串；

解析輸出單元，用于解析所述字符串并輸出第三方內容。

優選地，所述裝置還包括封裝單元、生成單元和存放單元，其中：

封裝單元，用于將第三方內容按照該第三方內容的特征參數封裝為超文本標記語言HTML格式，將HTML格式的第三方內容封裝為腳本script函數，并在所述script函數中設置HTML格式的第三方內容的顯示位置及尺寸信息；