Ajax學習_01

m0_50605555發表於2020-10-21

Ajax

什麼是Ajax

ajax是與伺服器交換資料並更新部分網頁的藝術,在不重新載入整個頁面的情況下。
ajax是一種用於建立快速動態網頁的技術。通過在後臺與伺服器進行少量資料交換。ajax可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某部分進行更新。而傳統的網頁(不使用ajax)如果需要更新內容,必須過載整個網頁面。

Ajax的建立過程

建立非同步物件

通過JS的格式來建立非同步物件:var xmlHttp=new XmlHttpRequest()

給非同步物件繫結事件

為物件繫結事件,當每次狀態發生變化時,都會觸發物件的繫結事件,通過onreadstatechange來實現;形式為:xmlHttp.onreadstatechange=function(){
//處理變化請求,通過兩個屬性值來進行操作readState和stauts,readState是狀態值,由Ajax與伺服器互動得到的0-4的狀態值;statu是一個狀態碼,是伺服器對請求的一個反饋,表達一個請求的狀況
}

readState–狀態值

  • 0:建立物件返回的狀態值
  • 1:初始請求 xmlHttp.open()
  • 2:傳送請求 xmlHttp.send()
  • 3:返回資料
  • 4:解析完成

status–狀態碼

  • 網路訪問請求成功 200
  • 網路未訪問到 404
  • 程式碼出錯 500

初始非同步請求物件

xmlHttp.open(引數1:請求方式 get or post,引數2:”伺服器端訪問地址“,引數3:boolen值 預設是非同步 false為同步)

傳送請求

xmlHttp.send()

Ajax的缺點與優點

ajax的優點:
1.最大的一點是頁面無重新整理,使用者的體驗非常好。   
2、使用非同步方式與伺服器通訊,具有更加迅速的響應能力。。   
3、可以把以前一些伺服器負擔的工作轉嫁到客戶端,利用客戶端閒置的能力來處理,減輕伺服器和頻寬的負擔,節約空間和寬頻租用成本。並且減輕伺服器的負擔,ajax的原則是“按需取資料”,可以最大程度的減少冗餘請求,和響應對伺服器造成的負擔。   
4、基於標準化的並被廣泛支援的技術,不需要下載外掛或者小程式。   
5、ajax可使因特網應用程式更小、更快,更友好。
ajax的缺點:   
1、ajax不支援瀏覽器back按鈕。   
2、安全問題 AJAX暴露了與伺服器互動的細節。   
3、對搜尋引擎的支援比較弱。   
4、破壞了程式的異常機制。   
5、不容易除錯。

相關文章