Ajax Toolkit

Client side Frameworks

JavaScript

GWT(Google Web Toolkit)
網址 : http://code.google.com/webtoolkit
簡介 : GWT特過轉譯的機制 , 將Java Class 轉成對應的 JavaScript , 所以熟悉JAVA的人應該還滿容易上手的
Develope Tool : GWT Designer

YUI(Yahoo! UI Library)
網址 : http://developer.yahoo.com/yui
簡介 : YUI是Yahoo自己推出的Ajax Library , 其特點是完整且詳細的線上說明文件 , 對初學的開發者幫助滿大的

Dojo
網址 : http://dojotoolkit.org
簡介 : Dojo的特色是有許多很讚的Widgets , 但是比較缺乏相關的說明文件 , 比較適合進階開發者

ZK
網址 : http://www.zkoss.org
簡介 : "Ajax but no JavaScript" , 也就是說你不需要寫JavaScript , 只要寫一點的Java程式 , 就可以完成Ajax網頁

Server Side Frameworks

JAVA

DWR(Direct Web Remoting)
網址 : http://getahead.ltd.uk/dwr/
簡介 : DWR的功能強大 , 而且說明文件也很完整且詳細 , 因此是個不錯的Framework喔!

Echo2
網址 : www.nextapp.com/platform/echo2/echo/
簡介 : Echo2是個只要用Java就可以打造出內容豐富的Ajax網頁 , 一般來說會比GWT和ZK好一點喔!

AJAX&PHP整合應用(一)

(一)建立Javascript與PHP的溝通方式。

要使AJAX能和PHP整合，最重要就是讓Javascript能呼叫PHP，下面提供一個例子，使Javascript呼叫PHP，然後印出PHP的執行內容。

Step1：先建立一個index.php檔案。程式碼如下：

Step2：建立一個data.php檔，此檔案是要被Javascript呼叫的。程式碼如下：

Step3：瀏覽index.php，按下call PHP，則javascript就會去呼叫data.php檔案，在下一行就會印出call data.php successfully!。

程式碼說明：index.php裡 當中的程式碼即是Javascript，也是AJAX的核心(XMLHttpRequest)，接下來function getData()就是利用XMLHttpRequestObject來實作本範例的功能。