1.why——給用戶較好的心理感受(用戶體驗)。
2.富客戶端
互動性強(響應時間短);反饋交互
3.富因特網技術(RIA)——rich Internet application
3.1——將左面應用程序的交互和傳統的web應用的結合;安全、可升級、具有良好適應性的新型面向服務模型。
3.2:應用——Flash、applet、javaFx、Ajax
4.ajax(asynchronous javascript and xml)
4.1:Ajax
4.2:特點
4.2.1:瀏覽器之間的兼容性好——使用的技術多
4.2.2:可以使用工具包、框架
4.2.3:快速響應
4.2.4:開發維護複雜。
4.2.5:交互爲數據驅動。
4.3:相關技術
4.3.1:XHTML/CSS——標準化呈現界面
4.3.2:XML/XSLT——數據處理
4.3.3:DOM——動態顯示
4.3.4:XMLHttpRequest——實現異步通信;JavaScript對象;AJAX引擎;
4.3.4.1:屬性
*onreadystatechange——設置回調時間處理程序的。<==status+readyState
*readyState(請求的當前狀態)——【0(未初始化)——>正在裝載——>裝載完成——>交互中——>4(完成)】
*status——服務器狀態碼
*responseText——
*responseXML——
*statusText——
4.3.4.2:方法
*open(method,url,syn/asyn)——指定傳輸方法、目標、通信模式
*send(content)——發送請求內容。
*getAllResponseHeaders()
*getResponseheader(header)——
*setRequestHeader()——發送前設置請求頭
*abort()——終止當前請求
4.3.5:JavaScript——有機組合各種技術。
4.4:代碼實現步驟
4.4.1:客戶端事件觸發,調用事件處理程序
4.4.2:創建XMLHttpRequest對象【ActiveXObject——XMLHttpRequest】
4.4.3:配置XMLHttpRequest對象
4.4.4:XMLHttpRequest對象發送異步請求到服務器。(方法爲post時,在調用send()前,需要設置頭setRequestHeader("Content-type" "application/x-www-form-urlencoded"))
4.4.5:服務器接受請求,處理請求,返回響應。
4.4.6:XMLHttpRequest對象調用回調函數。
4.4.7:更新HTML