04.04 Web前端-Ajax基礎技術

ajax是瀏覽器提供一套的api,用於向服務器發出請求,接受服務端返回的響應,通過javascript調用,實現通過代碼控制請求與響應,實現網絡編程。

ajax發送請求:

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

http協議:

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

進行初始化,建立連接,接收響應,響應體加載,加載成功!

Web前端-Ajax基礎技術

異步的 JavaScript 和 XML

Web前端-Ajax基礎技術

用於創建快速動態網頁的技術

XMLHttpRequest 對象

Web前端-Ajax基礎技術

向服務器發送請求

Web前端-Ajax基礎技術

請求類型,為get和post,url文件在服務器上的位置,true異步和false同步。

Web前端-Ajax基礎技術

onreadystatechange 事件

XMLHttpRequest 的狀態信息,從0到4變化,0為請求未初始化,1為建立連接成功,2為請求已接收,3為請求處理中,4為請求完成。

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

onreadystatechange事件

readyState返回當前請求的狀態

responseBody將回應信息文體

status返回當前請求的狀態碼

statusText返回當前請求的響應的狀態

abort取消當前請求

getAllResponseHeaders獲取響應指定的http頭

open創建一個新的http請求

send發送請求到http服務器並接收回應

setRequestHeader指定請求頭

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

響應數據

Web前端-Ajax基礎技術

如何解析服務端的數據:

Web前端-Ajax基礎技術

兼容:

Web前端-Ajax基礎技術

模板:

Web前端-Ajax基礎技術

面試手寫

Web前端-Ajax基礎技術

實例

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

實例

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

Web前端-Ajax基礎技術

想要學習更多的web前端技術,歡迎來重慶千鋒,千鋒提供兩週免費試聽課程,想要學習的同學可以前來試聽。


分享到:


相關文章: