[發(fā)明專利]一種頁面加載方法、裝置、服務器和系統(tǒng)

在審

• 申請?zhí)枺?/td>: 201510050839.0
• 申請日: 2015-01-30
• 公開（公告）號: CN104598616A
• 公開（公告）日: 2015-05-06
• 發(fā)明（設計）人: 陳曦洋;宋西軍;譚待;李周全;王芃;陶清乾;遠超
• 申請（專利權(quán)）人: 百度在線網(wǎng)絡技術(shù)（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 廣州三環(huán)專利代理有限公司 44202
• 代理人: 溫旭;郝傳鑫

技術(shù)領(lǐng)域

本發(fā)明涉及頁面加載領(lǐng)域，更為具體而言，涉及一種頁面加載方法、裝置、服務器和系統(tǒng)。

背景技術(shù)

在頁面加載過程中，通常需要通過異步請求(即，Ajax請求)實現(xiàn)頁面的局部加載。在現(xiàn)有技術(shù)中，對異步請求所請求內(nèi)容的解析和渲染需要等所請求的內(nèi)容全部下載完成后才能進行。這就導致在整個下載過程中，頁面不會進行任何處理，用戶只能等待，特別是當異步請求的數(shù)據(jù)量較大時，下載時間較長，頁面加載性能較差且嚴重影響用戶體驗。

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

為了解決現(xiàn)有技術(shù)所存在的缺陷，本發(fā)明實施方式提供一種頁面加載方法、裝置、服務器及系統(tǒng)，能夠?qū)崿F(xiàn)邊下載、邊解析、邊展現(xiàn)的效果，提高頁面加載的性能和用戶體驗。

第一方面，本發(fā)明實施方式提供了一種頁面加載方法，包括：

向服務器發(fā)送Ajax請求；

接收服務器返回的響應內(nèi)容，并在接收所述響應內(nèi)容的過程中，根據(jù)所述響應內(nèi)容的段落劃分，對所述響應內(nèi)容進行分段落地提取和加載處理；

其中，所述服務器在接收到所述Ajax請求后，將需要返回的內(nèi)容進行段落劃分，生成包含多個段落的所述響應內(nèi)容。

可選地，在本發(fā)明實施例的一種實現(xiàn)方式中，在接收所述響應內(nèi)容的過程中，根據(jù)所述響應內(nèi)容的段落劃分，對所述響應內(nèi)容進行分段落地提取和加載處理，包括：在接收所述響應內(nèi)容的過程中，周期性地檢查接收到的響應內(nèi)容中是否包含分隔符，所述分隔符用于標識段落結(jié)束；如果包含分隔符，則從所述接收到的響應內(nèi)容中提取該分隔符所對應段落的內(nèi)容，根據(jù)提取到的內(nèi)容進行解析或頁面渲染。

進一步地，在接收所述響應內(nèi)容的過程中，周期性地檢查接收到的響應內(nèi)容中是否包含分隔符，包括：監(jiān)聽Xml?Http?Request對象的返回狀態(tài)事件，所述Ajax請求由所述Xml?Http?Request對象發(fā)送至所述服務器；根據(jù)返回狀態(tài)事件判斷Xml?Http?Request對象的屬性ready?State的值是否等于3，如果等于，則檢查接收到的響應內(nèi)容中是否包含分隔符，其中，所述ready?State用于標識所述響應內(nèi)容的傳輸狀態(tài)。

可選地，在本實施例的另一種實現(xiàn)方式中，根據(jù)提取到的內(nèi)容進行解析或頁面渲染，包括：當提取到的內(nèi)容為Json格式的圖片內(nèi)容時，根據(jù)每一項key與img標簽的對應關(guān)系，將每一項key所對應的value值設置到相應img標簽的src屬性中，以便進行圖片渲染。

第二方面，本發(fā)明實施例提供一種頁面加載方法，其所述方法包括：

接收瀏覽器發(fā)送的Ajax請求；

對需要返回給所述客戶端的內(nèi)容進行段落劃分，生成包含多個段落的響應內(nèi)容；

將所述響應內(nèi)容發(fā)送至所述瀏覽器。

可選地，所述對需要返回給所述客戶端的內(nèi)容進行段落劃分，包括：將需要返回給所述客戶端的內(nèi)容劃分為多個以分隔符作為結(jié)束的段落，所述分隔符用于標識段落結(jié)束。

第三方面，本發(fā)明實施例提供一種頁面加載裝置，包括：

發(fā)送模塊，用于向服務器發(fā)送Ajax請求；

接收模塊，用于接收服務器返回的響應內(nèi)容；

分段處理模塊，用于在所述接收模塊接收所述響應內(nèi)容的過程中，根據(jù)所述響應內(nèi)容的段落劃分，對所述響應內(nèi)容進行分段落地提取和加載處理；

其中，所述服務器在接收到所述Ajax請求后，對需要返回的內(nèi)容進行段落劃分，生成包含多個段落的所述響應內(nèi)容。

可選地，在本實施例的一種實現(xiàn)方式中，所述分段處理模塊包括：

檢查子模塊，用于在所述接收模塊接收所述響應內(nèi)容的過程中，周期性地檢查所述接收模塊接收到的響應內(nèi)容中是否包含用于標識段落結(jié)束的分隔符，如果包含，則觸發(fā)處理子模塊；處理子模塊，用于從所述接收到的響應內(nèi)容中提取分隔符所對應段落的內(nèi)容，并根據(jù)提取到的內(nèi)容進行解析或頁面渲染。

進一步地，所述檢查子模塊具體用于，監(jiān)聽Xml?Http?Request對象的返回狀態(tài)事件，所述Ajax請求由所述Xml?Http?Request對象發(fā)送至所述服務器；根據(jù)返回狀態(tài)事件判斷ready?State是否等于3，如果等于，則檢查接收到的響應內(nèi)容中是否包含分隔符，其中，所述ready?State用于標識所述響應內(nèi)容的傳輸狀態(tài)。

可選地，在本實施例的另一種實現(xiàn)方式中，所述處理子模塊具體用于，

當提取到的內(nèi)容為Json格式的圖片內(nèi)容時，根據(jù)每一項key與img標簽的對應關(guān)系，將每一項key所對應的value值設置到相應img標簽的src屬性中，以便進行圖片渲染。