從1995年底JavaScript正式出現至今日已超過10年,JavaScript在網頁程式的範疇中已發展得非常成熟;及至Web 2.0時代來臨,Ajax技術出現,並以令人吃驚的速度成為最熱門的技術,令JavaScript重新吸引網頁程式設計師的注目──因為Ajax必須用上JavaScript。
Ajax (Asynchronous JavaScript and XML) 是一種運行於瀏覽器的技術,在瀏覽器及Web Server之間,採用非同步方式交換數據,並可向Web Server索取少量資料而非整個網頁,局部更新網頁頁面。實際上,它採用幾種成熟的技術以新的方式組合應用,包括:
Ajax不是指一種單一的技術,而是綜合地採用以上一系列相關的技術,令網頁介面設計得更親和及人性化;最著名的就是Google利用Ajax技術建立了大量人性化的網上應用程序,令此技術更趨普及。
導師將會在課堂上作出多項示範及解釋每一行的程式碼,務求令同學在編寫Ajax程式時,可以掌握基本的程式編寫的概念,為同學打好基礎以應付日常工作及學習更高級的網頁編程課程,如 PHP及Ajax進階程式編寫課程。
當學員掌握到本課程的技術後,就可以製作出時下熱門網站的 Ajax 效果:
著名香港討論區 Uwants 例子:即時檢查用戶名稱可否使用
著名搜尋網站 Yahoo 例子:即時切換標籤頁面顯示
1. JavaScript 及 DOM (Document Object Model) 2. 認識 JavaScript 事件 3. 如何配合 CSS 4. Ajax 簡介 5. 建立 XMLHttpRequest 物件 6. 使用 XMLHttpRequest 向 Web Server 索取數據 7. Web Server 回應處理 8. 局部更新網頁頁面 9. 採用 XML 資料結構 10. 實例:Ajax 網頁表單資訊即時驗證 11. 實例:自製股票價格查詢頁面
以下是 Ajax 的一些坊間應用實例 :