Ajax學習_01
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、不容易除錯。
相關文章
- Ajax學習-Ajax簡介
- AJAX學習1
- 學習去使用 Ajax
- Ajax學習(重點)
- AJAX的學習使用
- Ajax學習總結
- AJAX學習筆記筆記
- Ajax學習筆記demo筆記
- jQuery學習筆記(ajax)jQuery筆記
- jQuery學習(2)ajax()使用jQuery
- jquery ajax學習筆記jQuery筆記
- Ajax 學習手記 Jquery實現jQuery
- AJAX學習必備三本書
- Ext學習筆記6-Ajax筆記
- Jquery+Ajax+php學習筆記jQueryPHP筆記
- 學習AJAX必知必會(4)~JQuery傳送Ajax請求jQuery
- Ajax傳值的初級學習(一)
- ajax 學習筆記 updatepannel控制元件筆記控制元件
- 20151223jquery學習筆記--Ajax表單提交jQuery筆記
- AJAX初學
- 藉助node.js + mysql 學習基礎ajax~Node.jsMySql
- JavaScript學習總結(七)Ajax和HTTP狀態字JavaScriptHTTP
- 好程式設計師web前端培訓分享JavaScript學習筆記ajax及ajax封裝程式設計師Web前端JavaScript筆記封裝
- 01-Ajax&AxiosiOS
- Flutter 學習 01 - 前言Flutter
- 學習筆記01筆記
- 【HTML】01初始學習HTML
- 好程式設計師web前端學習路線分享AJAX狀態碼ajax.status及封裝程式設計師Web前端封裝
- 前端學習-vue影片學習013-pinia前端Vue
- 前端知識學習01前端
- JVM學習筆記-01JVM筆記
- SQL學習___01:基礎SQL
- MySQL學習Day01MySql
- Scala學習記錄01
- JavaScript學習筆記01JavaScript筆記
- Caffe學習紀錄01
- day01 markdown學習
- DLJD_Docker學習_01Docker