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學習1
- 01-Ajax&AxiosiOS
- 學習去使用 Ajax
- Ajax學習(重點)
- Ajax學習總結
- AJAX的學習使用
- AJAX學習筆記筆記
- jQuery學習筆記(ajax)jQuery筆記
- Ajax學習筆記demo筆記
- Flutter 學習 01 - 前言Flutter
- 【HTML】01初始學習HTML
- 學習筆記01筆記
- Ajax 學習手記 Jquery實現jQuery
- day01 markdown學習
- Scala學習記錄01
- DLJD_Docker學習_01Docker
- Kafka學習day01Kafka
- 前端知識學習01前端
- MySQL學習Day01MySql
- SQL學習___01:基礎SQL
- JVM學習筆記-01JVM筆記
- 學習AJAX必知必會(4)~JQuery傳送Ajax請求jQuery
- Nodejs學習筆記-01 eventsNodeJS筆記
- 資料分析-學習篇-01
- 【Task01】Numpy學習打卡
- 強化學習-task01強化學習
- L01 學習記錄
- 複習 - ajax
- 深度強化學習day01初探強化學習強化學習
- 01_Linux學習筆記(一)Linux筆記
- 學習筆記-DAY01-VUE筆記Vue
- python基礎學習_01變數Python變數
- java 學習 day01 變數Java變數
- RAC學習筆記-Day_01筆記
- Gin學習筆記01 框架使用筆記框架
- G01學習筆記-8筆記
- G01學習筆記-6筆記
- 機器學習01-入門機器學習