电话咨询
QQ咨询
微信咨询
返回顶部

AJAX(互动式网页应用的网页开发技术)

网站建设

什么是「AJAX」?它是综合了「Javascript + DHTML + DOM + CSS + XMLHttp + XML」等「多位一体」的互动式网页应用开发技术,除了「所思即所见」特色外,「AJAX」可以说是一种以「客户为导向的网页应用DIY开发程式」。

前言
Web2.0是近年来流行的新趋势,而推动此一流行的重要技术即是「AJAX网页技术」,到底AJAX是什么东西呢?AJAX全称为「Asynchronous JavaScript and XML」(非同步JavaScriptXML),是一种创建互动式网页应用的网页开发技术(注1 )。它其实不是个新东西,它的技术综合了「Javascript + DHTML + DOM + CSS + XMLHttp + XML」等多种网页开发技术,早在2000年便已经提出,一直到最近随着Web2.0的网站兴起,才再度被大家广泛地讨论。

传统网页与AJAX网页的操作感觉

大家应该有过这种经验,使用搜寻引擎找网页资料时,按照搜寻引擎的分类一个个点进去。举例而言,以最广为人使用的Yahoo!奇摩为例,假如想找王建民的选手资料(并非找新闻),从热门分类找到运动体育这类,点击后进到下一页,再点选运动明星、点选棒球,好不容易找到正确的分类,这个分类下有三页,再一页页找寻想找的资料,有兴趣的人可以试试看,这样找竟然还是找不到关于王建民的介绍。


如左图所示,我们想搜寻的网页隐藏在茫茫网海之中,传统方式须透过点击、等待画面、思考、再点击、等待画面、再思考…重复几个循环后,还不见得能找到所要的资料。

究竟要如何能更快、更直接的找到所需的资料呢?有别于一般入口网站,当今最著名的搜寻网站Google http://www.google.com则是提供了强大的搜寻功能,画面简单明了,仅让使用者输入想查询的字串,便会找出相关的资讯。最近Google搜寻加入了「自动补齐字串」的新功能,此即为AJAX的技术的应用之一。我们用一样的范例透过Google来搜寻。才刚输入完前两个字,底下就自动显示许多搜寻关键字,后面并出现对应的搜寻结果次数。甚至可以再继续增加关键字缩小搜寻结果的范围。对使用者而言,可以更快更精准的找到所需的资料。因此透过AJAX技术的演进,使用者可以摆脱以往Click and Wait的痛苦经验,取而代之的是「所思即所见」。
 

如何撰写AJAX网页
如同先前所提过的,AJAX技术是由「Javascript + DHTML + DOM + CSS + XMLHttp + XML」等技术综合应用而成的,因此,对于这些网页技术熟悉的使用者,可以直接用Javascript去撰写AJAX网页。再者,若有使用Microsoft Visual Studio 2005的读者,可利用其Client Script Callback的功能,达到AJAX网页的功能。但这些功能应该是无法满足所有的需求。

Microsoft在去年推出ASP.NET AJAX,并在今年正式推出1.0版,并在官方网页提供免费下载。可供下载的元件有两个,分别是:ASP.NET 2.0 AJAX Extensions 1.0及ASP.NET AJAX Control Toolkit(注:必须先安装好ASP.NET AJAX1.0,才能够安装使用Control Toolkit)。AJAX 1.0内有Script Manager帮助使用者撰写AJAX网页,而在AJAX Control Toolkit中则提供32个常见的控制项, 有兴趣的读者可自行到Microsoft ASP.NET AJAX官方网页http://ajax.asp.net/下载使用。

体验AJAX风格的网页
●Google Maps
  http://maps.google.com/

Google地图服务,使用者利用地图左上方的拉杆调整地图解析度,网页会即时显示该解析度之地图资料。需要移动地图画面时,仅需用滑鼠拖拉底图即可移动。相较于传统网页地图服务,会在地图四周出现箭头,往右键头点一下会重新整理画面,将地图右移。同样调整解析度也需透过重新整理画面,使用者花费许多时间在等待网页传输。目前Google Maps也已经将台湾地区的路名、巷道全面更新为中文版,对于不熟悉英文的网友有相当大的吸引力。未来搭配上目前越来越多人使用的GPS系统,将可以方便各个使用者针对不同的需求,制作自己需要的地图。

 

● Amazon Diamond Search 
  http://www.amazon.com/gp/gsl/search/finder

Amazon购物网站中提供钻石买家的挑选介面,网页中提供六种不同的钻石挑选标准,买家可以根据需求自定标准,只要透过项目勾选或是拉动上下限的标准杆,网页便会及时的呈现根据此标准下所挑选出符合条件的产品数目。比起传统搜寻方式(使用者自行输入筛选标准,点击搜寻键,下一页才显示结果),整个介面十分容易操作,速度更是快很多。

 

● Web Online Office
除了传统的Microsoft Office之外,透过AJAX技术的发展,目前已可在网页上做出如Word Excel等功能的网页应用程式。以下列出几个较著名的web online office网站,有兴趣的读者可以自行去试用。

http://docs.google.com/
http://www.thinkfree.com/
http://www.zoho.com/
http://www.peepel.com/

 

上一篇
智慧型整合监控系统
下一篇
开发小程序有哪些优势?