ajax的步驟與封裝ajax()方法
阿新 • • 發佈:2019-02-20
Ajax技術核心是XMLHttpRequest物件(簡稱XHR),這是由微軟首先引入的一個特性,其他瀏覽器提供商後來都提供了相同的實現。在XHR出現之前,Ajax式的通訊必須藉助一些hack手段來實現,大多數是使用隱藏的框架或內嵌框架。
簡單來說,它是一門與服務端進行資料交換的技術。
什麼是同步?
傳統方式提交表單都是同步的方式提交,表單必須要有name屬性,發生頁面跳轉(一個很常見的表單提交。樣式也是採用bootstrap )
HTML (傳統表單提交)
1.同步提交表單會發生位址列的變化(post)
2.同步提交表單(get)
編寫表單的非同步提交
ajax它是分為4個階段
1.例項化ajax物件
2.開啟瀏覽器連結
3.向伺服器傳送資料
4.等待伺服器返回資料
readyState ,就是當前的請求狀態,他有五種表現形式
然後在判斷status狀態,
編寫post非同步提交表單
用get方式,與post方式類似。在這裡需要注意!
Post提交表單的資料形式
編寫get非同步提交表單
封裝ajax()方法
1.反序列化data資料
2.利用arr.join()方法,拼接data資料
3.封裝轉換getdata方法
完善post請求的ajax方法
完善get請求的ajax方法
前臺呼叫ajax()方法