[發明專利]基于jQuery框架的功能模塊動態加載方法和裝置

有效

• 申請號: 201210121210.7
• 申請日: 2012-04-23
• 公開（公告）號: CN103377059A
• 公開（公告）日: 2013-10-30
• 發明（設計）人: 施丹俠
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445
• 代理公司: 北京康信知識產權代理有限責任公司 11240
• 代理人: 吳貴明;江舟

技術領域

本申請涉及互聯網領域，具體而言，涉及一種基于jQuery框架的功能模塊動態加載方法和裝置。

背景技術

JQuery作為一種優秀的Javascript框架被廣泛使用，目前jQuery框架不支持模塊的動態加載功能，當網頁需要加載功能模塊時，往往需要用戶手動加載并刷新來實現。YUI3.X+、Ext4.X+、SeaJS等都可以實現動態加載功能模塊，然而，YUI3.X+、Ext4.X+都只能為自己的框架服務而無法移植到其它框架；SeaJS則是需要對源文件進行侵入式的修改，以CommonJS的規范來進行重寫；此外，目前上述的YUI3.X+、Ext4.X+、SeaJS這些框架都不支持數據模塊的動態加載功能。

針對相關技術中jQuery框架不支持模塊的動態加載功能，目前尚未提出有效的解決方案。

發明內容

本申請的主要目的在于提供一種基于jQuery框架的功能模塊動態加載方法和裝置，以解決相關技術中jQuery框架不支持模塊的動態加載功能的問題。

根據本申請的一個方面，提供了一種基于jQuery框架的功能模塊動態加載方法，該方法包括：在網頁上接收到請求加載功能模塊的觸發命令；向服務器請求加載功能模塊所需的資源文件；在從服務器成功獲取到資源文件后，調用與功能模塊對應的回調函數來對資源文件進行加載操作，其中，回調函數指示了加載操作。

優選的，調用與功能模塊對應的回調函數來對資源文件進行加載操作的步驟包括：在請求加載的功能模塊為多個的情況下，判斷功能模塊之間的依賴關系；按照依賴關系來確定調用回調函數的順序，其中，每個回調函數對應于一個功能模塊；按確定的順序來加載回調函數。

優選的，按照依賴關系來確定調用回調函數的順序的步驟包括：按照依賴關系對應的順序將回調函數緩存到回調函數隊列中，其中，被其它回調函數依賴的回調函數先緩存到回調函數隊列中，依賴于其它回調函數的回調函數后緩存到回調函數隊列中。

優選的，按確定的順序來加載回調函數的步驟包括：若所請求記載的第一功能模塊依賴于所請求記載的第二功能模塊，則先調用與第一功能模塊對應的回調函數來對加載第一功能模塊所需的資源文件進行加載操作，然后調用與第二功能模塊對應的回調函數來對加載第二功能模塊所需的資源文件進行加載操作。

優選的，在網頁上接收到請求加載功能模塊的觸發命令之前，還包括：為功能模塊設置回調函數，其中，回調函數指示了在從服務器成功獲取到資源文件后對資源文件所執行的加載操作。

優選的，加載操作包括：初始化操作。

根據本申請的另一方面，提供了一種基于jQuery框架的功能模塊動態加載裝置，該裝置包括：接收單元，用于在網頁上接收到請求加載功能模塊的觸發命令；請求單元，用于向服務器請求加載功能模塊所需的資源文件；調用單元，用于在從服務器成功獲取到資源文件后，調用與功能模塊對應的回調函數來對資源文件進行加載操作，其中，回調函數指示了加載操作。

優選的，調用單元包括：判斷模塊，用于在請求加載的功能模塊為多個的情況下，判斷功能模塊之間的依賴關系；確定模塊，用于按照依賴關系來確定調用回調函數的順序，其中，每個回調函數對應于一個功能模塊；加載模塊，用于按確定模塊確定的順序來加載回調函數。

優選的，確定模塊包括：緩存子模塊，用于按照依賴關系對應的順序將回調函數緩存到回調函數隊列中，其中，被其它回調函數依賴的回調函數先緩存到回調函數隊列中，依賴于其它回調函數的回調函數后緩存到回調函數隊列中。

優選的，加載模塊包括：調用子模塊，用于在所請求記載的第一功能模塊依賴于所請求記載的第二功能模塊時，先調用與第一功能模塊對應的回調函數來對加載第一功能模塊所需的資源文件進行加載操作，然后調用與第二功能模塊對應的回調函數來對加載第二功能模塊所需的資源文件進行加載操作。

優選的，該裝置還包括：設置單元，用于在網頁上接收到請求加載功能模塊的觸發命令之前為功能模塊設置回調函數，其中，回調函數指示了在從服務器成功獲取到資源文件后對資源文件所執行的加載操作。