现在的位置: 首页 > 综合 > 正文

AjaxSideBarV0.1目标功能

2011年09月15日 ⁄ 综合 ⁄ 共 1170字 ⁄ 字号 评论关闭

概述

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插入“公告”位置,不会干扰外部内容特别是文章列表的显示。而一旦载入成功,使用过程中将全部都是无刷新的,一般不会再有页面刷新的需要。

抱歉!评论已关闭.