課程目錄 :
(內容與授課時間) 授課總時數:
14:13:06
簡 介:
本課程通過一個簡單的例子,由淺入深,循序漸進的介紹了Ajax的相關概念、原理、實現方式和應用方法,包含HTTP請求的概念、簡單語法、JSON數據格式、Ajax的原生和jQuery實現、跨域等知識點。
AJAX即「Asynchronous JavaScript and
XML」(非同步的JavaScript與XML技術),指的是一套綜合了多項技術的瀏覽器端網頁開發技術。
傳統的Web應用允許用戶端填寫表單(form),當送出表單時就向網頁伺服器傳送一個請求。伺服器接收並處理傳來的表單,然後送回一個新的網頁,但這個做法浪費了許多頻寬,因為在前後兩個頁面中的大部分HTML碼往往是相同的。由於每次應用的溝通都需要向伺服器傳送請求,應用的回應時間依賴於伺服器的回應時間。這導致了使用者介面的回應比本機應用慢得多。
與此不同,AJAX應用可以僅向伺服器傳送並取回必須的資料,並在用戶端採用JavaScript處理來自伺服器的回應。因為在伺服器和瀏覽器之間交換的資料大量減少,伺服器回應更快了。同時,很多的處理工作可以在發出請求的用戶端機器上完成,因此Web伺服器的負荷也減少了。
類似於DHTML或LAMP,AJAX不是指一種單一的技術,而是有機地利用了一系列相關的技術。雖然其名稱包含XML,但實際上資料格式可以由JSON代替,進一步減少資料量,形成所謂的AJAJ。而用戶端與伺服器也並不需要異步。一些基於AJAX的「衍生/合成」式(derivative/composite)的技術也正在出現
課程大綱:
第01講_AJAX概述與IntelliJ安裝 →時長: 00:24:46
第02講_使用IntelliJ開發Web項目 →時長: 00:29:55
第03講_用IntelliJ部署Web項目 →時長: 00:08:11
第04講_準備AJAX服務器端環境 →時長: 00:25:25
第05講_準備AJAX客戶端程序環境 →時長: 00:30:56
第06講_使用FireBug調試javascript →時長: 00:13:32
第07講_JQuery的應用與高級調試技巧 →時長: 00:45:06
第08講_JQuery的總結與簡化調用 →時長: 00:11:15
第09講_各種Ajax框架的對比介紹 →時長: 00:20:27
第10講_Ajax技術回顧與XHR對象的創建 →時長: 00:33:31
第11講_使用XHR對像發送和接受數據 →時長: 00:18:53
第12講_瀏覽器窮盡測試與工具漫談 →時長: 00:09:01
第13講_為學員調試錯誤與XHR深入講解 →時長: 00:25:45
第14講_利用XHR接受與處理XML數據 →時長: 00:40:35
第15講_點評學員問題與JQuery處理XML數據 →時長: 00:31:32
第16講_解決XHR與圖片緩存問題 →時長: 00:15:38
第17講_解決Ajax中文亂碼與跨域訪問 →時長: 00:27:43
第18講_DOM模型與DOM API →時長: 00:31:25
第19講_導入外部工程的問題及要完成的各種Ajax效果演示 →時長: 00:15:10
第20講_實現淡入淡出窗口並引出FireBug調CSS →時長: 00:59:25
第21講_可收縮展開的級聯菜單與局部刷新 →時長: 00:39:11
第22講_答疑學員問題與用IE8分析可滾動表格 →時長: 00:10:49
第23講_實現可編輯的表格 →時長: 00:45:33
第24講_完成後台模擬股票漲跌的功能 →時長: 00:38:34
第25講_將股票信息組裝成JSON格式 →時長: 00:27:45
第26講_用紅綠色實時顯示股票價格的漲跌 →時長: 00:23:54
第27講_用Tooltip窗口顯示股票詳細信息 →時長: 00:34:31
第28講_JQuery的JSON支持 →時長: 00:04:44
第29講_實現仿GoogleSuggest自動補全的雛形 →時長: 00:40:37
第30講_完善仿GoogleSuggest的各種按鍵處理 →時長: 00:41:40
第31講_實現仿GoogleSuggest自動補全的功能 →時長: 00:27:23
課程列表:(同大網列表)
|