Ajax學習筆記（一關於基礎部分）

我們知道在傳統的**中存在著一些問題：

於是為了有效的解決問題就用到了ajax。

那麼什麼是ajax了？

ajax的一些常用的應用場景：

注意：

ajax技術需要執行在**環境中才能生效。

ajax的實現步驟：

1.建立ajax物件:

//請求方式和位址根據你們情況來選擇.

3.傳送請求：

xhr.
send()
;

4.獲取伺服器端給與客戶端的資料：

xhr.
onload
=function()

伺服器端響應的資料格式我們要知道伺服器端大多情況下會以json物件作為響應資料的格式，在http請求與響應的過程中，無論是請求引數還是響應內容，如果是物件型別，最終都會被轉換為物件字串進行傳輸。

所以我們要用到第乙個方法，

使用它就可以將我們接受到的響應資料 xhr.responsetext 轉換為json物件。

注意：我們現在是使用get請求方式，當要提交表單資料時，需要將表單中的各項資料加在請求位址中提交的，比如：

以？開頭，各項資料以屬性名，屬性值的形式並用&進行隔開。

但是啊，我們還有post請求方式，就又是不同的格式了。

post請求方式：

// 獲取使用者在文字框中輸入的值
var namevalue = username.value;
var agevalue = age.value;
// 拼接請求引數
// 設定請求引數格式的型別（post請求必須要設定）
xhr.
setrequestheader
('content-type',)
;// 傳送請求
xhr.
send
(params)
;// 獲取伺服器端響應的資料
xhr.
onload
=function()

我們看到post請求方式多了二個步驟，我們需要告訴是什麼型別資料，資料不再放在請求位址中，是放在send（）裡面。

我們說到了要告訴伺服器端提交的資料型別，這裡使用了第一種資料型別，是一種各項資料以屬性名，屬性值的形式並用&進行隔開的資料，還可以傳遞乙個json物件。

// 1.建立ajax物件
;// 2.告訴ajax物件要向哪傳送請求，以什麼方式傳送請求
// 1)請求方式 2)請求位址
// 通過請求頭告訴伺服器端客戶端向伺服器端傳遞的請求引數的格式是什麼
xhr.
setrequestheader
('content-type',)
;// json.stringify() 將json物件轉換為json字串
// 3.傳送請求
xhr.
send
(json
.stringify()
);// 4.獲取伺服器端響應到客戶端的資料
xhr.
onload
=function()

我們這裡用到了乙個方法： json.stringify() ，他將我們傳遞的json物件轉換為字串，我們不能直接傳遞乙個json物件到伺服器端，我們在前面也說了http請求與響應的過程中，無論是請求引數還是響應內容，如果是物件型別，最終都會被轉換為物件字串進行傳輸。

我們在接收伺服器端響應的資料時，使用的事件除了onload事件外，還可以使用 onreadystatechange事件，這個事件是當ajax狀態碼發生變化時自動觸發該事件，先說說ajax狀態碼：

分別對應著ajax物件的每個步驟，在說回onreadystatechange事件：

這樣就可以代替onload事件，在看二個的區別：

具體使用哪種，根據情況選擇。

Ajax學習筆記（一關於基礎部分）

Linux基礎一關於bash命令

ajax基礎學習筆記

ajax基礎學習筆記

Ajax學習筆記 （一 關於基礎部分）

Linux基礎一 關於bash命令

ajax基礎學習筆記

ajax基礎學習筆記

相關推薦

Ajax學習筆記（一關於基礎部分）

Linux基礎一關於bash命令