Ajax技术随处可见

【 tulaoshi.com - Web开发 】

爱迪生的灯泡和照明系统同样通电会亮，但前者只是新发明，而后者却是生活必需品，意义与价值相差甚远，因为后者还多考量配套的基础电力系统，以及相应使用习惯的设计，对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搜索提示

图片状态预载增加使用自由度

googlemap

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