AJAX請求的五個步驟

2021-10-07 14:22:53 字數 2058 閱讀 3416

1、使用ajax傳送資料的步驟

第一步:建立非同步物件

;第二步:設定 請求行 open(請求方式,請求url):

// get請求如果有引數就需要在url後面拼接引數,

// post如果有引數,就在請求體中傳遞 xhr.open("get","validate.php?username="+name)

xhr.

open

("post"

,"validate.php"

);

第三步:設定請求(get方式忽略此步驟)頭:setrequestheader()

// 1.get不需要設定

xhr.

setrequestheader

("content-type",)

;

第四步:設定請求體 send()

// 1.get的引數在url拼接了,所以不需要在這個函式中設定

// 2.post的引數在這個函式中設定(如果有引數)

xhr.

send

(null) xhr.

send

("username="

+name)

;

第五步:讓非同步物件接收伺服器的響應資料

// 乙個成功的響應有兩個條件:1.伺服器成功響應了 2.非同步物件的響應狀態為4(資料解析完畢可以使用了)

xhr.onreadystatechange =

function()

ajax-get方式請求案例:

;xhr.

open

("get"

,"validate.php?username="

+name)

;xhr.

send

(null)

;xhr.onreadystatechange =

function()

}ajax-post方式請求案例:

;xhr.

open

("post"

,"validate.php");

xhr.

setrequestheader

("content-type",)

;xhr.

send

("username="

+name)

;xhr.onreadystatechange =

function()

}

$.

ajax(,

//請求的引數

datatype:

"json"

,//json寫了jq會幫我們轉換成陣列或者物件 他已經用json.parse弄好了

timeout:

3000

,//3秒後提示錯誤

beforesend:

function()

, success:

function

(data)

, error:

function()

, complete:

function()

})// 常用

$.ajax(,

datatype:

"json"

, success:

function

(data)

})

$.ajax() 都可以發

$.post(url,data,success,datatype):本質上只能傳送post請求

$.get(url,data,success,datatype):本質上只能傳送get請求

Ajax請求的五個步驟

1 使用ajax傳送資料的步驟 第一步 建立非同步物件 var xhr new xmlhttprequest 第二步 設定 請求行 open 請求方式,請求url get請求如果有引數就需要在url後面拼接引數,post如果有引數,就在請求體中傳遞 xhr.open get validate.php...

Ajax請求的五個步驟

1 建立xmlhttprequest物件,也就是建立乙個非同步呼叫物件 var xhr 3 設定響應http請求狀態變化的函式 xhr.onreadystatechange function readystate狀態是從0 4 0 請求未初始化,還沒有呼叫 open 1 請求已經建立,但是還沒有傳送...

AJAX請求的五個步驟

步驟一 引自 引自 主流建立ajax物件的方法 ie6以下版本瀏覽器建立ajax物件方法是 xhr.onreadystatechange callback get 方式 xhr.open get test.php true post 方式傳送資料 需要設定請求頭 xhr.open post test...