申論題 - 阿摩線上測驗

申論題資訊

試卷：106年 - 106年公務人員普通考試-程式設計概要#63225
科目：程式設計
年份：106年
排序：0

題組內容

五、AJAX 即「Asynchronous JavaScript and XML」（非同步的 JavaScript 與 XML 技術）為一重要且普遍用來產生高互動網頁的技術，可讓使用者在執行 AJAX 網頁時就像在執行桌上電腦程式（desktop application）一樣順暢（如圖二）。

申論題內容

(一)請說明 AJAX 三個主要技術為何並說明其目的。

詳解 (共 2 筆)

詳解提供者：114年高考上榜

AJAX（Asynchronous JavaScript and XML）是一種使用網頁技術來實現非同步通信的技術，它可以在不重新載入整個網頁的情況下更新部分網頁內容。AJAX 技術主要依靠三個主要技術，包括：

XMLHttpRequest（XHR）

XMLHttpRequest 是一個可以向伺服器發送 HTTP 請求的 JavaScript 物件，可以用於在背景中向伺服器發送請求和接收回應，而不需要重新載入整個網頁。XHR 可以用於請求各種資源，例如 HTML、XML、JSON 或其他格式的數據，並可以處理伺服器返回的響應。

DOM

DOM（Document Object Model）是一種將 HTML 或 XML 文檔表示為樹狀結構的 API。使用 DOM，可以通過 JavaScript 編程讀取、操作和更新網頁的內容和結構。在 AJAX 中，DOM 可以用於動態更新網頁內容，而不需要重新載入整個網頁。

JavaScript

JavaScript 是一種腳本語言，可以用於在網頁上添加互動性和動態效果。在 AJAX 中，JavaScript 可以與 XMLHttpRequest 和 DOM 一起使用，以使網頁能夠以非同步方式與伺服器通訊，並且可以使用 DOM 動態更新網頁內容。

總的來說，AJAX 技術的目的是實現非同步的網頁更新，減少網頁載入時間，提高用戶體驗。透過使用 XMLHttpRequest 以及 JavaScript 和 DOM，可以在背景中向伺服器發送請求，並使用 DOM 動態更新網頁內容，從而實現快速、動態和交互性網頁

詳解提供者：hchungw

AJAX（Asynchronous JavaScript and XML）是一種在無需重新加載整個頁面的情況下，能夠更新部分網頁的技術。它依賴於三個主要技術：

1. JavaScript 和 DOM（Document Object Model）
目的：

通過JavaScript來操作DOM，實現對網頁內容的動態修改。JavaScript能夠動態地顯示或隱藏網頁元素，改變樣式，處理用戶事件等。
JavaScript作為一種客戶端腳本語言，可以回應用戶的動作，如表單輸入、按鈕點擊等，並且在不刷新頁面的情況下與伺服器進行通信。
2. XMLHttpRequest 對象
目的：

XMLHttpRequest是AJAX的核心技術，它提供了在網頁加載完成後與伺服器進行數據交換的能力。
這個對象允許JavaScript向伺服器發起非同步請求，接收數據，並在不影響頁面顯示的情況下更新頁面部分內容。
在您提供的代碼示例中，當用戶在文本框中輸入文本時，showHint函數會被調用，如果輸入的文本不為空，它將創建一個XMLHttpRequest對象，通過GET方法向伺服器請求數據，然後將回應數據顯示在頁面上。
3. CSS 和 HTML
目的：

HTML用於構建網頁的基本結構，而CSS負責樣式和佈局，使內容在頁面上更美觀、更易於交互。
通過CSS，可以根據從伺服器接收到的數據動態改變HTML元素的顯示方式，例如更改顏色、大小、可見性等，提升用戶體驗。
AJAX技術通常與CSS結合使用，以實現頁面內容的動態樣式化和即時佈局更新。
在AJAX模型中，這些技術共同工作，允許開發人員創建出反應迅速、用戶友好的網頁應用。用戶的每一個操作都可以即時請求伺服器上的數據，然後立刻更新網頁的部分內容，而不需要每次都刷新整個頁面。這使得網頁應用更加流暢和高效，類似於桌面應用程式的體驗。