AJAX技術經驗談-技術原理及應用

　　AJAX淺談

　　AJAX技術在1998年前后開始應用于Web，之后經由Google把它發揚光大，讓更多人了解到JavaScript原來可以這樣使用，而不再是過去廣告字顯示或畫面漸層等刻版印象。如今AJAX已不再是新名詞或新技術，而最經典、有名的代表作算是Google Suggest及Google Maps。

　　AJAX的定義

　　AJAX全稱為“Asynchronous JavaScript and XML”(異步JavaScript和XML)，是一種創建交互式網頁應用的網頁開發技術。

　　AJAX vs. 傳統

　　JavaScript在傳統的作法是，你的檔案或數據庫來自server端或是要送到server，你可以用HTML窗體，并用GET或POST的方式透過submit按鍵將數據送到server端，然后等待響應訊息。但是使用AJAX，你可以使用JavaScript的XMLHttpRequest 對象跟server做溝通，可以藉由從server響應的數據，直接更新全部或部份的頁面。

　　AJAX的優點

　　a. 不必更新全部網頁，可更新部份頁面。

　　b. 優化了browser和server之間的溝通，減少不必要的數據傳輸、時間及降低網絡上數據流量。

　　c. 平衡了前、后端的負載，原本數據大多由后端負責處理，借由AJAX讓客戶端分擔些工作，減低了后端的負載。

　　AJAX的缺點

　　a. browser的通用性，每個user端的瀏覽器不盡相同、版本也不一致，有可能會造成無法動作問題。

　　b. 客戶端會過肥，太多程序代碼在客戶端也會造成開發上的成本。

　　c. 可能會暴露服務端，有可能被惡意攻擊、竄改，而造成安全上的漏洞。

　　AJAX的運用

　　為什么AJAX適合用于裝載作業呢? 傳統的網頁數據更新，大多是在server端數據更新后便將數據送回client端的browser，當browser得到更新的請求時才會將網頁內容更新。當user執行裝載作業后，作業的狀態訊息尚未回傳，此時若再進行下個作業，往往會造成狀態訊息遺失。也正因為裝載系統還需要控制前端的水泥裝載，設備間的狀態一有變動，網頁內容要能做到及時更新，使網頁中的 embedded object 與多部硬設備間的溝通一直保持連結。在考慮多部硬件操作不會干擾彼此下，采用Ajax可以使整個作業流程更加順暢、合理。

　　例如：當user想要做水泥裝載時，按下裝載按鍵時，如果使用JavaScript去呼叫客戶端的com組件，可能會因為裝載需要等候一段時間，導致網頁整個當掉，也影響到其它按鈕的失效。這時若借用AJAX的技術作為輔助，AJAX的每次動作就會用XML Http Request跟server做溝通，待server響應后，接收響應數據更新Model狀態、數據庫及網頁頁面，這樣一來user不用一直等待實際裝載的時間，也不會造成頁面按鈕失效。

　　AJAX的應用并非只在水泥裝載這一項，目前也運用在其它功能及系統上。考慮系統整體的實際使用面，AJAX解決了數據延遲的問題，也改善了數據傳輸的速度，使得各營運據點能提供更快速的服務。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈