- AJAX 教程
- AJAX - 首頁
- AJAX - 什麼是 AJAX?
- AJAX - 歷史
- AJAX - 動態網站與靜態網站
- AJAX - 技術
- AJAX - 動作
- AJAX - XMLHttpRequest
- AJAX - 傳送請求
- AJAX - 請求型別
- AJAX - 處理響應
- AJAX - 處理二進位制資料
- AJAX - 提交表單
- AJAX - 檔案上傳
- AJAX - FormData 物件
- AJAX - 傳送 POST 請求
- AJAX - 傳送 PUT 請求
- AJAX - 傳送 JSON 資料
- AJAX - 傳送資料物件
- AJAX - 監控進度
- AJAX - 狀態碼
- AJAX - 應用
- AJAX - 瀏覽器相容性
- AJAX - 示例
- AJAX - 瀏覽器支援
- AJAX - XMLHttpRequest
- AJAX - 資料庫操作
- AJAX - 安全性
- AJAX - 問題
- Fetch API 基礎
- Fetch API - 基礎
- Fetch API 與 XMLHttpRequest
- Fetch API - 瀏覽器相容性
- Fetch API - 頭部資訊
- Fetch API - 請求
- Fetch API - 響應
- Fetch API - 體資料
- Fetch API - 憑據
- Fetch API - 傳送 GET 請求
- Fetch API - 傳送 POST 請求
- Fetch API - 傳送 PUT 請求
- Fetch API - 傳送 JSON 資料
- Fetch API - 傳送資料物件
- Fetch API - 自定義請求物件
- Fetch API - 上傳檔案
- Fetch API - 處理二進位制資料
- Fetch API - 狀態碼
- Stream API 基礎
- Stream API - 基礎
- Stream API - 可讀流
- Stream API - 可寫流
- Stream API - 變換流
- Stream API - 請求物件
- Stream API - 響應體
- Stream API - 錯誤處理
- AJAX 有用資源
- AJAX - 快速指南
- AJAX - 有用資源
- AJAX - 討論
Ajax - 歷史
在 AJAX 出現之前,網站是透過將多個獨立網頁組合在一起開發的,這些網頁透過嵌入在 HTML 頁面中的連結按預定義的順序顯示。因此,要使用這些 Web 應用程式,使用者需要從一個網頁移動到另一個網頁。所以,每當使用者點選連結到下一頁時,他/她都需要等待幾秒鐘才能載入頁面。傳統的 Web 應用程式使用 HTTP 請求將使用者操作提交到伺服器。伺服器接收到使用者的請求後,透過返回一個新網頁來完成請求,該網頁將進一步顯示在 Web 瀏覽器上。因此,傳統的 Web 應用程式需要大量的頁面重新整理和等待。
正因為如此,開發像谷歌地圖、即時聊天環境、Gmail 等新一代應用程式非常困難。2005 年 2 月 18 日,Jesse James Garrett 首次透過撰寫一篇名為“一種新的 Web 應用程式方法”的 AJAX 文章向世界介紹了 AJAX。2006 年 4 月 5 日,全球資訊網聯盟 (W3C) 釋出了第一個包含 XMLHttpRequest 物件規範的草案。此後,AJAX 在 Web 開發人員中越來越受歡迎。
與傳統的 Web 應用程式相比,使用 AJAX 開發的應用程式更快、響應更靈敏。它透過與 Web 伺服器交換少量資料來提高 Web 應用程式的效能。因此,伺服器無需為使用者的每次請求都重新整理整個網頁。這意味著使用 AJAX,Web 瀏覽器和 Web 伺服器可以在後臺非同步交換資料,而不會暫停應用程式的執行,並且可以處理返回的資料。為了提交請求,AJAX 應用程式使用一個名為 XMLHttpRequest 物件的特殊物件。它是 AJAX 能夠建立非同步通訊的主要物件。實現 AJAX 使用的技術包括 JavaScript、XMLHttpRequest、XML/JSON 和文件物件模型 (DOM)。其中 JavaScript 處理客戶端邏輯,XHR 提供與伺服器的非同步通訊,XML 提供伺服器和客戶端之間資料交換的格式,DOM 允許操作和更新網頁的內容。
結論
這就是 AJAX 的引入如何在 Web 開發行業掀起一場新的革命。它幫助開發人員建立豐富且互動式的 Web 應用程式。在下一篇文章中,我們將學習動態網站與靜態網站的不同之處。