AJAX 入門

AJAX 入門

The following examples had been tested on Mozilla's Firefox and Microsoft's IE. The document is provided as is. You are welcomed to use it for non-commercial purpose.
Written by: 國立中興大學資管系呂瑞麟 Eric Jui-Lin Lu

請勿轉貼

看其他教材

---

• 何謂 AJAX？
• 第一個範例：入門以及非同步性的效果
• 第二個範例：AJAX 網頁與伺服器端程式（以 servlet 為例）
• 第三個範例
• 第四個範例：同時含有同步以及非同步的 AJXA 網頁
• 第五個範例：AJXA + CSS
• 由 XMLHttpRequest 送出中文資料給 Tomcat 建議閱讀更完整的說明 細談 URL 編碼
• ZK 入門
• jQuery 入門
• Yahoo! User Interface Library 入門
• Dojo 入門

---

何謂 AJAX？

AJAX 是 Asynchronous JavaScript And XML 的 簡寫，它的設計理念非常類似 Dynamic HTML（或者 DHTML），主要的目的在於提高 網頁的互動性（interactivity），速度（speed），以及可用性（usability）。 想想看，如果我們能使一個網頁的互動方式可以達到類似 Microsoft Office 的 境界，那麼網頁的可用性可以達到另一個層次。 其實，這個概念並不是很新，只是這樣的技巧被大量的應用於 Google 的網頁之後， 如 Gmail、Google Maps、和 Google Suggest 等，才被重視，而第一個提出 AJAX 這個名詞的就是 Jesse James Garrett。利用類似技巧的公司還有 Writely、Kiko 等。這樣的概念，開始激發人們對於網頁是否會取代 desktop applications 進行 討論，而又進一步的延伸出 What is Web 2.0 的討論。
AJAX 也不是一項單獨的技術，它是由一堆現有的技術所組成，它的主要組成技術有：

1. XHTML（或者 HTML）加上 CSS 來作為資料的呈現。
2. 利用 DOM 以及 Javascript 來進行存取資料（大多為 XML）的處理。
3. 利用 XMLHttpRequest 物件與遠端的 web server 進行非同步的資料交換。

首先，讓我們了解或者體會 AJAX 中的 Asynchronous（非同步）的好處 -- 第一個範例：入門以及非同步性的效果。

---

Written by: 國立中興大學資管系呂瑞麟 Eric Jui-Lin Lu