愛迪生的燈泡和照明系統(tǒng)同樣通電會(huì)亮,但前者只是新發(fā)明,而后者卻是生活必需品,意義與價(jià)值相差甚遠(yuǎn),因?yàn)楹笳哌€多考量配套的基礎(chǔ)電力系統(tǒng),以及相應(yīng)使用習(xí)慣的設(shè)計(jì),對(duì)Ajax而言,技術(shù)與網(wǎng)站應(yīng)用亦是如此。
Ajax技術(shù)已趨成熟,甚至只需善用框架和工具,就可輕易做出桌面操作效果的高互動(dòng)網(wǎng)頁,帶給使用者新的網(wǎng)頁操作體驗(yàn)。但Ajax不只是炫麗的技術(shù),更不是用來炫耀的技術(shù),過度使用或只為趕流行而猛用Ajax,不但無法打動(dòng)使用者,更會(huì)因動(dòng)態(tài)產(chǎn)生的內(nèi)容不易索引,而影響網(wǎng)站在搜尋引擎中的排名,造成反效果。拿捏使用者需要的Ajax應(yīng)用時(shí)機(jī),以及配套的網(wǎng)頁內(nèi)容建置方式,才是將新技術(shù)推進(jìn)普及應(yīng)用的關(guān)鍵。
隨處可見,Web 2.0必備
2004年Google推出全球驚嘆的網(wǎng)頁信箱Gmail,除超大容量吸引眾人目光外,如桌面軟體般不需換頁的操作介面也令人驚艷。隔年更推出至今無人能及的Google Maps,讓使用者可透過瀏覽器任意在世界地圖中游走,無須一個(gè)指令、一個(gè)動(dòng)作地等待伺服器回應(yīng)。
資訊架構(gòu)協(xié)會(huì)的Jesse James Garrett將這樣的技術(shù)命名為Ajax。 Google帶來的網(wǎng)頁應(yīng)用體驗(yàn),感染至各式各樣的網(wǎng)頁應(yīng)用,Ajax隨處可見,企業(yè)商務(wù)系統(tǒng)供應(yīng)商紛紛支援Ajax技術(shù),目前臺(tái)灣流量最高前十名的網(wǎng)站中,有九個(gè)使用Ajax技術(shù),推動(dòng)網(wǎng)路創(chuàng)業(yè)交流的隨想行動(dòng)科技創(chuàng)辦人馮彥文:「沒有不用Ajax技術(shù)的Web 2.0網(wǎng)站。
推出Urmap地圖服務(wù)的友邁科技董事長(zhǎng)卓政宏一語點(diǎn)出Ajax的價(jià)值:「最重要的關(guān)鍵效益是『更新而不重載』(Refresh without reload)。
Ajax技術(shù)像是最新流行的3G手機(jī),老奶奶不用等到過年全家團(tuán)聚,想念那個(gè)孫子,就撥那個(gè)號(hào)碼,馬上可以看到小孫子流口水囁嚅的睡姿。運(yùn)用Ajax設(shè)計(jì)的網(wǎng)站,讓使用者不用重新下載全部網(wǎng)頁內(nèi)容,可以要什么就立刻秀什么,不僅可即時(shí)回應(yīng)使用者即時(shí)的需求,還能細(xì)膩地客制化每個(gè)回應(yīng),做到最貼近使用者的服務(wù)。
對(duì)使用者而言,Ajax技術(shù)保留網(wǎng)頁跨時(shí)空的優(yōu)勢(shì),同時(shí)進(jìn)一步提供如桌面程式般的即時(shí)回應(yīng)效果,能讓使用者更愿意使用服務(wù),可以大幅增加使用者停留在網(wǎng)站上的時(shí)間。卓政宏強(qiáng)調(diào):采用Ajax技術(shù)后,的確讓Urmap伺服器的使用量成長(zhǎng)了十幾倍。
技術(shù)不難,直接好處是提高伺服器效益
所謂Ajax技術(shù)涵蓋JavaScript、XHTML/CSS、DOM、XML格式與非同步XMLHttpRequest等技術(shù)。實(shí)際上這些都是既有網(wǎng)頁技術(shù),從功能上來說,Ajax是使用者端的瀏覽器操作控制與呈現(xiàn)控制,加上非同步的資料傳輸,對(duì)網(wǎng)頁內(nèi)容物件進(jìn)行資料更新,達(dá)到流暢的即時(shí)回應(yīng)與局部更新效果。
就技術(shù)而論,Ajax發(fā)展至今,技術(shù)已相當(dāng)成熟。 《Ajax設(shè)計(jì)模式》一書作者統(tǒng)計(jì),目前Ajax技術(shù)至少有超過70個(gè)模式、200多種技術(shù)框架、30套以上的工具可供開發(fā)人員運(yùn)用,Amazon網(wǎng)站上也能找到超過一萬本Ajax相關(guān)書籍,連專職開發(fā)工具的CodeGear公司推出的所有開發(fā)工具都紛紛支援Ajax網(wǎng)頁的開發(fā)。對(duì)網(wǎng)站企業(yè)主而言,Ajax上手非常容易,甚至不需要很熟悉JavaScript、DOM或CSS,只要選用適當(dāng)?shù)目蚣芎凸ぞ撸湍軌蚝芸熳龀龊莒诺腁jax網(wǎng)頁UI效果。
除開發(fā)不難容易上手之外,對(duì)網(wǎng)站企業(yè)主最直接的效益就是伺服器效能的改善。每一次Ajax網(wǎng)頁請(qǐng)求(XMLHttp Request),只傳輸需要更新的資料,即使請(qǐng)求次數(shù)增多,整體所需頻寬還是較少。而且網(wǎng)頁請(qǐng)求頻率的增加,可以透過網(wǎng)頁伺服器最佳化調(diào)校,降低伺服器的負(fù)擔(dān)。相較資料傳輸量的瓶頸,使用頻率是比較容易解決的問題。網(wǎng)擎資訊研發(fā)經(jīng)理張嘉淵更直言說:「Ajax可降低不少伺服器的負(fù)載頻寬,就是省了很多錢。」同樣的伺服器和網(wǎng)路頻寬成本,卻可以服務(wù)更多使用者,意味著采用Ajax設(shè)計(jì)的網(wǎng)站,成本效益較高。
Ajax技術(shù)常見應(yīng)用
狀態(tài)資訊適合局部及時(shí)更新

不需重新下載整個(gè)網(wǎng)頁,Ajax的非同步XMLHttpRequest可定期更新信箱旁的郵件數(shù)量,讓網(wǎng)頁應(yīng)用程式的操作更接近桌面軟體。
自動(dòng)完成可減少使用者輸入錯(cuò)誤

圖片狀態(tài)預(yù)載增加使用zi you度

googlemap
最典型的Ajax應(yīng)用Google Map。使用者按下左鍵可「抓」住地圖,上下左右拖曳,網(wǎng)頁中的JavaScript Engine會(huì)判斷顯示區(qū)域的地圖是否已經(jīng)下載,會(huì)于背景預(yù)先下載,維持使用者瀏覽的順暢性。
新聞熱點(diǎn)
疑難解答
圖片精選