Skip to content
On this page

AJAX

說明

全名 (Asynchronous JavaScript And XML),非同步的 JavaScriptXML 技術。 AJAX 就是使用 XHR (XMLHttpRequest) 作底層來與伺服器進行通訊,它可以傳送並接收多種格式的資訊,包括 JSONXMLHTML、以及 文字檔案。AJAX 最吸引人的特點是「非同步」的本質,這代表它可以與伺服溝通、交換資料、以及更新頁面,且無需刷新網頁。

簡單說

就是網頁不用重新整理,就能即時地透過瀏覽器去跟伺服器溝通,取得所需的資料。

優點

  • 在不重整的前提下,更新網頁畫面
  • 比傳統網頁應用,減少 服務端 負擔、速度更快 (只需傳送與接受需要的資料)。

缺點

  • 動態更新畫面的情況下,破壞了瀏覽器的後退、書籤功能 (使用者無法回到上一頁狀態)

    TIP

    這個後來被 html5hash 功能所修正。

改善部分

  • 浪費頻寬

    傳統的Web應用允許使用者端填寫表單(form),當送出表單時就向網頁伺服器傳送一個請求。伺服器接收並處理傳來的表單,然後送回一個新的網頁,但這個做法浪費了許多頻寬,因為在前後兩個頁面中的大部分HTML碼往往是相同的。

  • 回應速度

    由於每次應用的溝通都需要向伺服器傳送請求,應用的回應時間依賴於伺服器的回應時間。這導致了使用者介面的回應比本機應用慢得多。

💡

AJAX 應用可以僅向伺服器傳送並取回必須的資料,並在客戶端採用JavaScript處理來自伺服器的回應。因為在伺服器和瀏覽器之間交換的資料大量減少,伺服器回應更快了。同時,很多的處理工作可以在發出請求的客戶端機器上完成,因此Web伺服器的負荷也減少了。

Reference