1. 程式人生 > >初步了解Ajax

初步了解Ajax

打開 過程 script 而且 分享 bsp nbsp 基本 任務

一.認識Ajax

  首先ajax是Asynchronous JavaScript and XML的全稱,Asynchronous是異步的意思,這跟傳統的web不同。

二、基本概念

  用戶在瀏覽網頁的時候,無論是打開一段新的評論,還是填寫一張調查問卷,都需要反復與服務器進行交互,但是傳統的Web應用采用同步交互形式,即用戶向服務器發送一個請求,然後Web服務器根據用戶的請求執行相應的任務,並返回結果.這是一種十分不連貫的運行模式,常常需要長時間按的等待以及整個頁面的刷新,即通常所說的”白屏”現象,而且是整個頁面的刷新,這就增加了用戶等待時間,數據重復傳遞也浪費了大量的資源和網絡帶寬,而Ajax采用的是異步處理,可以更新局部的內容.

優點:
(1)減輕服務器的負擔,加快瀏覽速度.
(2)帶來更好的用戶體驗,傳統是白屏現象很不友好,後者采用的局部刷新,使用戶感覺是在使
用桌面應用程序一樣
(3)基於標準化,並被廣泛的支持的技術,不需要下載插件(flash)或小程序.(RIA)(4)進一步呈現與數據分離,Ajax獲取服務器可以完全利用單獨的模塊進行操作,從而使得技
術人員和美工人員能夠更好的分工與配合

三、Ajax的組成部分

  Ajax不是單一的技術,而是4種技術的集合,跟靈活地運用Ajax必須深入了解這些不同的技術

技術分享圖片

常用屬性

1.readyState 表示請求/響應過程的當前活動階段(0:未初始化,尚未調用open方法;1:啟動,已調用open方法,未調用send方法;2:發送:已調用send,未接到響應;3:接收,已經接收部分響應數據;4.完成,可以在客戶端使用)

2.onreadystatechange readyState的值改變一次就會調用一次這個方法

3.responseText 作為響應主體被返回的文本

4.responseXML 保存響應類型為“text/xml”或"application/xml"的響應數據的XML DOM文檔

5.status 響應的HTTP狀態

6.statusText Http狀態的說明

四、總結

它有以下優點:

(1)減輕服務器的負擔,加快瀏覽速度.
(2)帶來更好的用戶體驗,傳統是白屏現象很不友好,後者采用的局部刷新,使用戶感覺是在使
用桌面應用程序一樣
(3)基於標準化,並被廣泛的支持的技術,不需要下載插件(flash)或小程序.(RIA)(4)進一步呈現與數據分離,Ajax獲取服務器可以完全利用單獨的模塊進行操作,從而使得技
術人員和美工人員能夠更好的分工與配合

初步了解Ajax