AJAX - 技術

AJAX的全稱是非同步JavaScript和XML。它結合了多種Web技術，允許在Web伺服器和Web瀏覽器之間建立非同步通訊。它建立了一個動態應用程式，可以動態更新網頁內容，而無需重新載入整個頁面。

AJAX本身並不是一種程式語言或指令碼語言，而是結合了多種與Web相關的技術，例如HTML、XHTML、CSS、JavaScript、DOM、XML、XSLT和XMLHttpRequest物件。由於這些技術的結合，AJAX模型允許Web開發者建立能夠與使用者動態互動的Web應用程式，並能夠快速進行後臺呼叫以從Web伺服器檢索所需的應用程式資料，然後更新網頁的一小部分，而無需重新整理整個網頁。

AJAX並沒有使用任何新的語言來建立動態Web應用程式，它使用了市場上已經存在的技術。因此，它使開發者更容易建立動態Web應用程式，而無需學習或安裝新技術。AJAX模型使用的Web技術包括：

JavaScript − 它是一種用於HTML和Web應用程式的指令碼語言。它在HTML、CSS和XML之間建立連線。它用於建立客戶端功能。它在AJAX中也扮演著重要的角色。它也用於建立AJAX應用程式或將所有AJAX操作組合在一起。

<script src = "myexample.js"></script>

XML或JSON − XML代表可擴充套件標記語言，而JSON代表JavaScript物件表示法。JSON和XML都用於客戶端在Web伺服器和客戶端之間交換資料。

<?xml version = "1.0">
<root>
   <child>
      //Statements 
   </child>
</root>

XMLHttpRequest − 它用於在Web瀏覽器和Web伺服器之間執行非同步資料交換。它是一個執行非同步操作的JavaScript物件。

variableName = new XMLHttpRequest();

HTML和CSS − HTML代表超文字標記語言，而CSS代表層疊樣式表。HTML為網頁文字提供標記和樣式。或者我們可以說它為網頁提供結構，而CSS用於建立更具互動性的網頁。它提供各種樣式元件來定義網頁的外觀。CSS獨立於HTML，可以與任何基於XML的標記語言一起使用。

<!DOCTYPE html>
<html>
<head>
   // Header of the web page
</head>
<body>
   // Body of the web page
</body>
</html>

DOM − AJAX還有一個強大的工具，稱為DOM（文件物件模型）。它用於動態地與網頁佈局和內容互動並更改它們。或者我們可以說DOM用於建立用於標記HTML頁面的元素的邏輯表示。它由Web瀏覽器提供。它不是JavaScript的一部分，但是使用JavaScript我們可以訪問DOM物件的屬性和方法。使用DOM方法和屬性，我們可以建立或修改HTML頁面。

<!DOCTYPE html>
<html>
<head>
   // Header of the web page
</head>
<body>
   <p></p>
   <script></script>
</body>
</html>

結論

這些就是AJAX用來建立動態網頁的技術。在使用這些技術時，AJAX必須不斷更新其外部庫和框架。在下一篇文章中，我們將看到AJAX執行的操作。

列印頁面