JavaScript——Ajax

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章