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

請勿轉貼

想要寫出一個擁有豐富介面的 AJAX 程式，其實有一定的困難，其中最困難的莫過於 CSS 的設計以及跨瀏覽器的 Javascript。為了讓我們的 AJAX 程式具有"企業級"的水準，我們可以借用一些 AJAX 的程式庫。目前非常受歡迎、而且又是open source 的 AJAX 工具有 Dojo Toolkit 以及 The Yahoo! User Interface Libray (YUI)。

目前，我找到比較好的入門文件如下：

Sitepen, Inc., Introducing The Dojo Toolkit, 12/2008. Simon Bates, Hello Dijit Ajax World, 11/2007. The Book of Dojo 這是一本線上書籍。跟 YUI 比起來，這本書可以算得上是"聖經"。 Dojo Key Links 包含各式各樣的 demos、文章等。

Dojo 的組成元件

長久以來，Web 介面最被詬病的地方就在於它沒辦法像桌面程式一樣，有豐富、美麗的介面元件，以及之前說的同步性的方式更新網頁。AJAX 利用非同步性的方式解決了第二個問題，那麼第一個問題呢？為了解決這個問題，有不少專家就提出了各種解決方式：第一種主要在於解決前端（也就是瀏覽器端）的問題，這一類的解決方案有 Dojo 以及 YUI 等；另一種在於同時解決前、後端的問題，比較有名的解決方案就是 ZK。

知道了 Dojo 所扮演的角色，其實就不難了解 Dojo 的設計架構，它是由三個主要的元件庫所組成：

Dojo：提供了跨瀏覽器的 Javascript 元件，以及網頁介面的事件處理機制，例如 Drag and Drop 等。它也是其他兩個元件的基礎。 Dijit：Dijit 是 Dojo widgets 的簡寫，它主要的目的在於提供各式比傳統網頁要來的漂亮的介面元件，例如，Button、TextBox 等。 DojoX：提供 Dojo 的一些擴充程式，例如 Charting。想大概看一下 Dojo 能做什麼，請到 Dojo Feature Explorer 看看。

我們還是採用利用範例來說明用法的方式進行，每一個範例會逐漸變複雜，所以請依序閱讀：

第一個 Dojo 範例：使用 Ajax 連線。 第二個 Dojo 範例：使用 Ajax + Dijit Button 和 TextBox。 第三個 Dojo 範例：Darg and Drop (I)。 第四個 Dojo 範例：Darg and Drop (II)。 第五個 Dojo 範例：除錯。

Last Updated: Wednesday, 26-Sep-2012 21:50:18 CST
Written by: 國立中興大學資管系呂瑞麟