1. 程式人生 > >ajax的步驟與封裝ajax()方法

ajax的步驟與封裝ajax()方法

       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()方法