javascript

位置:IT落伍者 >> javascript >> 浏览文章

什么是ajax


发布日期:2024年01月27日
 
什么是ajax

Ajax是当前Web设计的一个热点。这种借助JavaScript、DHTML等技术与服务器进行异步通信的技术,不仅被贴上了Web 2.0的时髦标签,而且成了某些网站炫耀技术实力的道具。当然更多的网站是利用Ajax技术来构建动态性更好、响应更灵敏的Web应用,从而大大改善用户的网络体验。我们的推荐文章

尽管Ajax并非一种全新技术,但它的实现较为复杂,涉及XHTML和CSS的表示、Document Object Model的动态显示和交互、XMLHttpRequest与服务器的异步通信以及通过JavaScript进行绑定等诸多方面,要全面掌握殊为不易。好在有麻烦的地方往往有活雷锋,在软件领域尤其如此。

MagicAjax.NET(可在http://sourceforge.net/projects/magicajax/下载)和wwHoverPanel AJAX Control for ASP.NET(可在http://www.west-wind.com下载)就是两个优秀的.Net组件,利用它们可在.Net框架上轻松实现Ajax功能。下面以MagicAjax.NET的Net 2.0平台版本为例,介绍如何在Visual Studio 2005中设计Ajax网页。

一、将Ajax组件加入Visual Studio 2005

由于Visual Studio 2005已全面支持Net 2.0平台,因此宜加载MagicAjax组件的Net 2.0版本。tw.wINGWiT.CoM将下载的软件包解压,然后启动Visual Studio 2005,点击左侧栏的Toolbox页,滑出Toolbox面板。

在其上任何一项上右击,在弹出的菜单中选择“Choose Items”项,或者直接选择“Tools→Choose Toolbox Items”菜单,出现组件选择对话框。

点击Browse按钮,选择MagicAjax文件夹下的MagicAjax.dll文件,将AjaxPanel和AjaxZone两个MagicAjax组件加入到组件栏中。

二、在ASP.NET网页中使用AjaxPanel容器

MagicAjax主要通过AjaxPanel组件来实现Ajax功能。它是一种容器组件,只要把各种网页元素放置其中就可使它们具有Ajax功能。

提示:尽管MagicAjax在处理某些网页元素时尚有瑕疵,但以如此简单的方式即可使普通ASP.NET网页贴上Ajax标签,MagicAjax确实“神奇”。

在Visual Studio 2005中,选择“File→New→Web Site”菜单,在弹出的对话框中选择“ASP.NET Web Site”项,即可生成ASP.NET应用框架。然后将网页设计模式切换到Design,再把Toolbox面板上的AjaxPanel组件拖到网页上,并用拖动边框的方式调整其位置和大小。

要使AjaxPanel组件起作用,必须将一些定义项加入到web.config中,以使MagicAjax能被正确识别和调用。

首先,要在web.config的开头加入tag前缀:“<%@ Register TagPrefix="ajax" Namespace="MagicAjax.UI.Controls" Assembly="MagicAjax" %>”(不含引号,下同),将MagicAjax在命名空间里进行注册。当然,在<controls>段直接定义也行,只须加入“<add amespace="MagicAjax.UI.Controls" assembly="MagicAjax" tagPrefix="ajax"/>”即可。

然后,在<configSections>段中加入“<section name="magicAjax" type="MagicAjax.Configuration.MagicAjaxSectionHandler, MagicAjax"/>”。

最后,在<httpModules>段中加入“<add name="MagicAjaxModule" type="MagicAjax.MagicAjaxModule, MagicAjax"/>”。如此处理后,就可以在AjaxPanel容器里加入各种网页元素了。

三、在AjaxPanel中放入Gridview组件

为了试验MagicAjax的效果,这里将数据显示组件Gridview拖入到AjaxPanel容器中。Visual Studio 2005对数据显示和编辑组件作了改进,将它们同数据访问组件进行了绑定,使之可以直接连接数据库,减少了中间环节。选择“Tools→Connect to Database”菜单,出现数据源配置向导。利用该向导,便可选择数据库并设置数据筛选条件。配置好后,数据即出现在Gridview中。

而Gridview的外观式样亦可通过它的诸多属性来设计和调整。如果要更改数据源配置,只须右击Gridview下方的AccessDataSource控件,在弹出的菜单中选择“Configure Data Source”即可。

ASP.NET网页设计好后,选择“File→View in Browser”,即可对Web Site进行浏览。不难看出,数据显示已有了Ajax功能:翻页时,只有数据部分进行了刷新,而网页其它部分则原封不动。而需变才变恰是Ajax最具魅力和最受青睐的地方。

不难看出,MagicAjax极大地简化了Ajax设计,使程序员和网页设计师从繁琐的编码中解脱出来,而Ajax也快速地从“独门秘笈”演变为大众化技术。可以预言,在MagicAjax等的帮助下,网间将遍开Ajax花。

上一篇:使用js或jquery操作iframe的正确方法

下一篇:什么是ajax