当前位置:K88软件开发文章中心编程语言AjaxAjax01 → 文章内容

Ajax常应用之地

减小字体 增大字体 作者:佚名  来源:翔宇亭IT乐园  发布时间:2019-1-3 0:42:03

:2010-10-09 08:35:00

爱迪生的灯泡和照明系统同样通电会亮,但前者只是新发明,而后者却是生活必需品,意义与价值相差甚远,因为后者还多考量配套的基础电力系统,以及相应使用习惯的设计,对Ajax而言,技术与网站应用亦是如此。

Ajax技术已趋成熟,甚至只需善用框架和工具,就可轻易做出桌面操作效果的高互动网页,带给使用者新的网页操作体验。但Ajax不只是炫丽的技术,更不是用来炫耀的技术,过度使用或只为赶流行而猛用Ajax,不但无法打动使用者,更会因动态产生的内容不易索引,而影响网站在搜寻引擎中的排名,造成反效果。拿捏使用者需要的Ajax应用时机,以及配套的网页内容建置方式,才是将新技术推进普及应用的关键。

随处可见,Web 2.0必备

2004年Google推出全球惊叹的网页信箱Gmail,除超大容量吸引众人目光外,如桌面软体般不需换页的操作介面也令人惊艳。隔年更推出至今无人能及的Google Maps,让使用者可透过浏览器任意在世界地图中游走,无须一个指令、一个动作地等待伺服器回应。

资讯架构协会的Jesse James Garrett将这样的技术命名为Ajax。 Google带来的网页应用体验,感染至各式各样的网页应用,Ajax随处可见,企业商务系统供应商纷纷支援Ajax技术,目前台湾流量最高前十名的网站中,有九个使用Ajax技术,推动网路创业交流的随想行动科技创办人冯彦文:「没有不用Ajax技术的Web 2.0网站。

推出Urmap地图服务的友迈科技董事长卓政宏一语点出Ajax的价值:「最重要的关键效益是『更新而不重载』(Refresh without reload)。

Ajax技术像是最新流行的3G手机,老奶奶不用等到过年全家团聚,想念那个孙子,就拨那个号码,马上可以看到小孙子流口水嗫嚅的睡姿。运用Ajax设计的网站,让使用者不用重新下载全部网页内容,可以要什么就立刻秀什么,不仅可即时回应使用者即时的需求,还能细腻地客制化每个回应,做到最贴近使用者的服务。

对使用者而言,Ajax技术保留网页跨时空的优势,同时进一步提供如桌面程式般的即时回应效果,能让使用者更愿意使用服务,可以大幅增加使用者停留在网站上的时间。卓政宏强调:采用Ajax技术后,的确让Urmap伺服器的使用量成长了十几倍。

技术不难,直接好处是提高伺服器效益

所谓Ajax技术涵盖JavaScript、XHTML/CSS、DOM、XML格式与非同步XMLHttpRequest等技术。实际上这些都是既有网页技术,从功能上来说,Ajax是使用者端的浏览器操作控制与呈现控制,加上非同步的资料传输,对网页内容物件进行资料更新,达到流畅的即时回应与局部更新效果。

就技术而论,Ajax发展至今,技术已相当成熟。 《Ajax设计模式》一书作者统计,目前Ajax技术至少有超过70个模式、200多种技术框架、30套以上的工具可供开发人员运用,Amazon网站上也能找到超过一万本Ajax相关书籍,连专职开发工具的CodeGear公司推出的所有开发工具都纷纷支援Ajax网页的开发。对网站企业主而言,Ajax上手非常容易,甚至不需要很熟悉JavaScript、DOM或CSS,只要选用适当的框架和工具,就能够很快做出很炫的Ajax网页UI效果。

除开发不难容易上手之外,对网站企业主最直接的效益就是伺服器效能的改善。每一次Ajax网页请求(XMLHttp Request),只传输需要更新的资料,即使请求次数增多,整体所需频宽还是较少。而且网页请求频率的增加,可以透过网页伺服器最佳化调校,降低伺服器的负担。相较资料传输量的瓶颈,使用频率是比较容易解决的问题。网擎资讯研发经理张嘉渊更直言说:「Ajax可降低不少伺服器的负载频宽,就是省了很多钱。」同样的伺服器和网路频宽成本,却可以服务更多使用者,意味着采用Ajax设计的网站,成本效益较高。

Ajax技术常见应用

状态资讯适合局部及时更新

不需重新下载整个网页,Ajax的非同步XMLHttpRequest可定期更新信箱旁的邮件数量,让网页应用程式的操作更接近桌面软体。

自动完成可减少使用者输入错误


google搜索提示

图片状态预载增加使用zi you度


googlemap
 

最典型的Ajax应用Google Map。使用者按下左键可「抓」住地图,上下左右拖曳,网页中的JavaScript Engine会判断显示区域的地图是否已经下载,会于背景预先下载,维持使用者浏览的顺畅性。



Ajax常应用之地