DIV CSS 佈局教程網

什麼是Ajax
編輯:AJAX詳解     

AJax全稱為“Asynchronous JavaScript and XML”(異步Javascript和XML),是一種創建交互式網頁應用的網頁開發技術。它使用:使用XHtml+CSS來表示信息; 使用Javascript操作Document Object Model進行動態顯示及交互; 使用 XML 和 XSLT 進行數據交換及相關操作; 使用 XMLHttpRequest對象與Web服務器進行異步數據交換; 使用 JavaScript 將所有的東西綁定在一起。

參見AJax的提出者Jesse James Garrett的英文原文中文譯文

類似於DHtml或LAMP,AJAX不是指一種單一的技術,而是有機地利用了一系列相關的技術。事實上,一些基於AJax的“派生/合成”式(derivative/composite)的技術正在出現,如“AFLAX”。

AJax的應用使用支持以上技術的web浏覽器作為運行平台。這些浏覽器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式對象,也不支持XSLT。

與傳統的web應用比較

傳統的web應用允許用戶填寫表單(form),當提交表單時就向web服務器發送一個請求。服務器接收並處理傳來的表單,然後返回一個新的網頁。這個做法浪費了許多帶寬,因為在前後兩個頁面中的大部分Html代碼往往是相同的。由於每次應用的交互都需要向服務器發送請求,應用的響應時間就依賴於服務器的響應時間。這導致了用戶界面的響應比本地應用慢得多。

與此不同,AJax應用可以僅向服務器發送並取回必需的數據,它使用SOAP或其它一些基於XML的web service接口,並在客戶端采用JavaScript處理來自服務器的響應。因為在服務器和浏覽器之間交換的數據大量減少,結果我們就能看到響應更快的應用。同時很多的處理工作可以在發出請求的客戶端機器上完成,所以Web服務器的處理時間也減少了。

優點、前提和批評

使用AJax的最大優點就是能在不刷新整個頁面的前提下維護數據。這使得Web應用程序更為迅捷地響應用戶交互,並避免了在網絡上發送那些沒有改變的信息。

AJax不需要任何浏覽器插件,但需要用戶允許Javascript在浏覽器上執行。就像DHtml應用程序那樣,Ajax應用程序必須在眾多不同的浏覽器和平台上經過嚴格的測試。隨著Ajax的成熟,一些簡化AJax使用方法的程序庫也相繼問世。同樣,也出現了另一種輔助程序設計的技術,為那些不支持JavaScript的用戶提供替代功能。

對應用Ajax最主要的批評就是,它可能破壞浏覽器後退按鈕的正常行為(參見Jakob NIElsen's的《1999 Top-10 New Mistakes of Web Design》)。在動態更新頁面的情況下,用戶無法回到前一個頁面狀態,因為浏覽器僅能記憶歷史記錄中的靜態頁面。一個被完整讀入的頁面與一個已經被動態修改過的頁面之間的差別非常微妙;用戶通常會希望單擊後退按鈕能夠取消他們的前一次操作,但是在Ajax應用程序中,這將無法實現。開發者們想出了種種辦法來解決這個問題,大多數都是在用戶單擊後退按鈕訪問歷史記錄時,通過創建或使用一個隱藏的IFRAME來重現頁面上的變更。(例如,當用戶在Google Maps中單擊後退時,它在一個隱藏的IFRAME中進行搜索,然後將搜索結果反映到AJax元素上,以便將應用程序狀態恢復到當時的狀態。)

一個相關的觀點認為,使用動態頁面更新使得用戶難於將某個特定的狀態保存到收藏夾中。該問題的解決方案也已出現,大部分都使用URL片斷標識符(通常被稱為錨點,即URL中#後面的部分)來保持跟蹤,允許用戶回到指定的某個應用程序狀態。(許多浏覽器允許JavaScript動態更新錨點,這使得AJax應用程序能夠在更新顯示內容的同時更新錨點。)這些解決方案也同時解決了許多關於不支持後退按鈕的爭論。

AJax開發時,網絡延遲——即用戶發出請求到服務器發出響應之間的間隔——需要慎重考慮。不給予用戶明確的回應[3],沒有恰當的預讀數據[4],或者對XMLHttpRequest的不恰當處理[5],都會使用戶感到延遲,這是用戶不希望看到的,也是他們無法理解的。[6]通常的解決方案是,使用一個可視化的組件來告訴用戶系統正在進行後台操作並且正在讀取數據和內容。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved