概述
AjaxSideBar是一個基於AjaxHelper的公開源碼的外掛程式式無重新整理應用程式框架,前端介面以<script>...</script>插入任意網頁,架構本身負責導航、註冊、管理合格外掛程式式應用。如其名稱,AjaxSideBar建議放在網頁的側邊攔位置,當然實際上可以放在任意位置。關於一個可註冊於AjaxSideBar的外掛程式應用的開發模式以後會有範例。
如果有興趣,您可以在任意網頁插入以下代碼,以跟蹤AjaxSideBar的開發進展情況,效果參見本頁側邊欄。
<script type="text/javascript" src="http://Teddy.CN/AjaxSideBar/AjaxSideBar.aspx?width=200&height=320&bgcolor=eeeeee"></script>
V0.1設計目標
1、基於AjaxHelper:一個基於非同步XmlHttpRequest和UserControl的用於Asp.Net環境的無重新整理MVC方案;
2、提供基本的外掛程式應用開發範例;
3、第一個可用版本將提供一些簡單的常用工具,如:Rss彙總、天氣預報等;
4、為後續版本作必要的可行性驗證,並聽取廣泛意見;
源碼下載
點擊下載(AjaxSIdeBar0627.rar)
----------------------------------------------------------------------------------------------------------
P.S. 由於瀏覽器的預設安全設定對跨域訪問和跨域的指令碼程式的運行限制比較嚴格,之前進行了一些驗證,最後還是決定動態插入一個iframe的方式來顯示主介面,為避免網路問題導致AjaxSideBar主介面載入失敗影響外部頁面的顯示效果,通過設定iframe的onload事件的方式來控制iframe的顯示,實際效果還可以,代碼類似下面:
document.write('<iframe id="asbFrame" frameborder="0" onload="this.style.width=\'200\'; this.style.height=\'300\';" width="0" height="0" src="http://Teddy.CN/AjaxSideBar?bgcolor=eeeeee"></iframe>');
關於效率:由於iframe本身是非同步載入網頁的,一般不會對當前頁的載入效能和速度造成較大影響,特別對於部落格園的話,由於側邊攔是後於文章列表被輸出的,所以,如果將AjaxSideBar插入“公告”位置,不會干擾外部內容特別是文章列表的顯示。而一旦載入成功,使用過程中將全部都是無重新整理的,一般不會再有頁面重新整理的需要。