什麼是 AJAX?



AJAX 代表非同步 JavaScript 和 XML。AJAX 不是一種程式語言或技術,而是一種多種與 Web 相關的技術的組合,例如 HTML、XHTML、CSS、JavaScript、DOM、XML、XSLT 和 XMLHttpRequest 物件。AJAX 模型允許 Web 開發人員建立能夠與使用者動態互動的 Web 應用程式。它還可以快速進行對 Web 伺服器的後臺呼叫以檢索所需的應用程式資料。然後更新網頁的一小部分,而無需重新整理整個網頁。

與傳統的 Web 應用程式相比,AJAX 應用程式更快且更具響應性。它透過允許客戶端和伺服器在後臺進行通訊,同時使用者在前臺工作,從而在客戶端和伺服器之間實現了良好的平衡。

在 AJAX 應用程式中,Web 瀏覽器和伺服器之間的資料交換是非同步的,這意味著 AJAX 應用程式會向 Web 伺服器提交請求,而不會暫停應用程式的執行,並且可以在返回請求資料時處理它。例如,Facebook 使用 AJAX 模型,因此無論何時我們喜歡任何帖子,喜歡按鈕的數量都會增加,而無需重新整理整個頁面。

AJAX 的工作原理

傳統的 Web 應用程式是透過以預定義的順序新增連結的鬆散 Web 頁面來建立的。使用者可以在頁面之間移動以與應用程式的不同部分進行互動。此外,HTTP 請求用於在響應使用者操作時提交 Web 伺服器。伺服器在收到請求後,透過返回一個新網頁來滿足請求,然後該網頁顯示在 Web 瀏覽器中。此過程包括大量頁面重新整理和等待。

What is Ajax

AJAX 透過非同步地在 Web 瀏覽器和伺服器之間共享最少的資料量來改變整個工作模型。它加快了 Web 應用程式的工作速度。它透過在網頁上傳遞資料或允許資料顯示在現有 Web 應用程式內來提供類似桌面的體驗。它將鬆散整合的網頁替換為緊密整合的網頁。AJAX 應用程式很好地利用了資源。它在 Web 應用程式和 Web 伺服器之間建立了一個額外的層,稱為 AJAX 引擎,因此我們可以使用 JavaScript 進行後臺伺服器呼叫並檢索所需資料,可以更新請求的網頁部分,而無需導致頁面完全重新載入。它減少了頁面重新整理時間,併為使用者提供了快速且響應迅速的體驗。非同步處理透過將工作與客戶端計算機分擔來減少 Web 伺服器的工作負載。由於工作負載減少,Web 伺服器變得更加響應迅速和快速。

What is Ajax 2

AJAX 技術

AJAX 使用的技術已在所有現代瀏覽器中實現。因此,客戶端不需要任何額外的模組來執行 AJAX 應用程式。AJAX 使用的技術包括:

  • JavaScript - 它是 AJAX 的重要組成部分。它允許您建立客戶端功能。或者我們可以說它用於建立 AJAX 應用程式。

  • XML - 用於在 Web 伺服器和客戶端之間交換資料。

  • XMLHttpRequest - 用於在 Web 瀏覽器和 Web 伺服器之間執行非同步資料交換。

  • HTML 和 CSS - 用於為網頁文字提供標記和樣式。

  • DOM - 用於動態地與網頁佈局和內容進行互動並更改它們。

AJAX 的優點

以下是 AJAX 的優點:

  • 它建立了響應迅速且互動式的 Web 應用程式。

  • 它支援開發減少開發時間的模式和框架。

  • 它充分利用了現有技術和功能,而不是使用某些新技術。

  • 它對 Web 伺服器進行非同步呼叫,這意味著客戶端不必等待資料到達才能開始呈現。

AJAX 的缺點

以下是 AJAX 的缺點:

  • AJAX 完全依賴於 JavaScript。因此,如果瀏覽器中的 JavaScript 出現任何問題,AJAX 將無法支援。

  • AJAX 應用程式的除錯很困難。

  • AJAX 啟用的頁面的書籤需要預先計劃。

  • 如果一個請求失敗,則可能會導致整個網頁載入失敗。

  • 如果您的 Web 瀏覽器中停用了 JavaScript,則您將無法執行 AJAX 網頁。

結論

因此,要建立動態網頁或應用程式,AJAX 是最佳選擇。它更快且更具響應性,並在客戶端和伺服器之間提供了非同步互動,而無需重新整理整個頁面。在下一篇文章中,我們將瞭解 AJAX 的歷史。

廣告

© . All rights reserved.