Ajax請求的五個步驟

2021-10-06 22:06:50 字數 1521 閱讀 1828

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

第一步:建立非同步物件

var xhr = new xmlhttprequest();
第二步:設定 請求行 open(請求方式,請求url):

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

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

xhr.open("post","validate.php");

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

// 1.get不需要設定
第四步:設定請求體 send()

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

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

xhr.send(null) xhr.send("username="+name);

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

乙個成功的響應有兩個條件:

伺服器成功響應了 。

非同步物件的響應狀態為4(資料解析完畢可以使用了)。

xhr.onreadystatechange = function()
ajax-get方式請求案例:

}ajax-post方式請求案例:

}

$.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請求的五個步驟

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

AJAX請求的五個步驟

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

AJAX請求的五個步驟

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