AJAX 教程 | 學習 Ajax

AJAX 是一種用於建立互動式 Web 應用程式的 Web 開發技術。如果您瞭解 JavaScript、HTML、CSS 和 XML，那麼您只需要花費一個小時即可開始使用 AJAX。

為什麼要學習 Ajax？

AJAX 代表 **A**synchronous **Ja**vaScript and **X**ML。AJAX 是一種使用 XML、HTML、CSS 和 Java Script 建立更好、更快、更互動式 Web 應用程式的新技術。

• Ajax 使用 XHTML 用於內容，CSS 用於呈現，以及文件物件模型和 JavaScript 用於動態內容顯示。

• 傳統的 Web 應用程式使用同步請求在伺服器之間傳輸資訊。這意味著您填寫表單，點選提交，然後被定向到一個新頁面，其中包含來自伺服器的新資訊。

• 使用 AJAX，當您點選提交時，JavaScript 將向伺服器發出請求，解釋結果，並更新當前螢幕。從最純粹的意義上講，使用者永遠不會知道任何內容是否被傳輸到伺服器。

• XML 通常用作接收伺服器資料的格式，儘管可以使用任何格式，包括純文字。

• AJAX 是一種與 Web 伺服器軟體無關的 Web 瀏覽器技術。

• 使用者可以在客戶端程式在後臺請求伺服器資訊時繼續使用應用程式。

• 直觀且自然的使用者互動。不需要點選，滑鼠移動就足以觸發事件。

• 資料驅動而不是頁面驅動。

富網際網路應用程式技術

AJAX 是迄今為止最可行的富網際網路應用程式 (RIA) 技術。它正在獲得巨大的行業發展動力，並且出現了幾個工具包和框架。但與此同時，AJAX 存在瀏覽器相容性問題，並且它受 JavaScript 支援，這難以維護和除錯。

AJAX 基於開放標準

AJAX 基於以下開放標準 -

• 使用 HTML 和層疊樣式表 (CSS) 的基於瀏覽器的呈現。
• 資料以 XML 格式儲存並從伺服器獲取。
• 使用瀏覽器中的 XMLHttpRequest 物件在後臺獲取資料。
• JavaScript 使一切成為可能。

受眾

本教程將對希望學習如何建立互動式網頁以及使用 AJAX 提高其速度和可用性的 Web 開發人員有所幫助。

先決條件

強烈建議您在嘗試本教程之前熟悉 HTML 和 JavaScript。

關於 AJAX 的常見問題

關於 AJAX 有些非常常見的問題 (FAQ)，本節試圖簡要回答它們。

什麼是 AJAX 以及我們在哪裡使用它？

AJAX 是一個縮寫詞，代表非同步 JavaScript 和 XML。它能夠與網頁互動，而無需重新載入頁面。因此，它用於增強使用者體驗。

誰是 AJAX 的發明者？

AJAX 的理念由 Jesse James Garrett 於 2005 年提出。

哪些瀏覽器支援 Ajax？

幾乎所有現代瀏覽器都內建支援 AJAX。列表包括 Google Chrome、Mozilla Firefox、Safari、Microsoft Edge 和 Opera。

Ajax 如何工作？

以下步驟解釋了 AJAX 的工作原理 -

• 它從事件的發生開始。
• 然後，呼叫 XMLHttpRequest 物件，它向伺服器傳送請求。
• 伺服器接收並處理請求。
• 伺服器傳送響應。
• 最後，響應顯示在螢幕上。

我們如何測試 AJAX 程式碼？

測試 AJAX 程式碼的不同方法如下 -

• 端到端測試
• 手動測試
• 單元測試
• 使用瀏覽器的內建開發者工具。
• 使用測試框架

如何在 AJAX 中上傳檔案？

要在 AJAX 中上傳檔案，我們使用 FormData 物件。

哪些公司使用 AJAX？

波音、戴爾、JPM 全球、亞馬遜、微軟等許多公司在軟體開發生命週期的不同階段使用 AJAX。

AJAX 的關鍵元件是什麼？

以下是 AJAX 的關鍵元件 -

• XMLHttpRequest 物件
• JavaScript
• HTML DOM

AJAX 中有多少種資料型別？

AJAX 沒有資料型別。

如何建立 AJAX 物件？

AJAX 物件是使用 JavaScript 的 XMLHttpRequest 建構函式建立的。