AjaxSideBarV0.1目标功能

本文介绍了基于AjaxHelper的公开源码插件式无刷新应用框架AjaxSideBar。它可将前端界面插入任意网页,负责导航等。其设计目标基于Asp.Net环境,提供开发范例和常用工具。因浏览器安全设置,用动态插入iframe显示主界面,且对页面性能影响小。

概述

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值