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...