要完整實現乙個ajax非同步呼叫和區域性重新整理,通常需要以下幾個步驟:
(1)建立xmlhttprequest物件,也就是建立乙個非同步呼叫物件.
;//建立物件(2)為ajax引擎物件繫結監聽(監聽伺服器已將資料響應給引擎
//繫結監聽物件
xhr.
onreadystatechange
=function()
}
(3)配置請求資訊,
//get請求下引數加在url後,
xhr.
open
('get'
,'');
//post請求下需要配置請求頭資訊
xhr.
setrequestheader
("content-type",)
;
(4)傳送http請求.
xhr.
send()
;
(5) 獲取伺服器端給與客戶端的響應資料
xhr.
onload
=function()
ajax 狀態碼
0:請求未初始化(還沒有呼叫open())
1:請求已經建立,但是還沒有傳送(還沒有呼叫send())
2:請求已經傳送
3:請求正在處理中,通常響應中已經有部分資料可以用了
4:響應已經完成,可以獲取並使用伺服器的響應了
xhr.readystate // 獲取ajax 狀態碼
onreadystatechange 事件
// 當ajax狀態碼發生變化時自動觸發該事件
xhr.
onreadystatechange
=function()
}
原生ajax簡易封裝:
function
ajax
( options )
}
然後傳送請求:
ajax(}
)
jquery中的ajax請求
$.
ajax(,
//請求攜帶的引數
//上傳formdata檔案時
contenttype:
false
,//必須false才會自動加上正確的content-type
processdata:
false
,//必須false才會避開jquery對 formdata 的預設處理
//上傳檔案時獲取進度條
xhr:
function
xhr(),
false);
}return xhr;},
success:
function
(req)
, complete:
function
(data)
, error:
function
(data)
簡寫get/post
$.
get(
"url",,
function
(data))$.
post
("url",,
function
(data)
)
實現AJAX的基本步驟
實現ajax的基本步驟 一 建立xmlhttprequest物件 所有現代瀏覽器 ie7 firefox chrome safari 以及 opera 均支援xmlhttprequest 物件,而ie5 和 ie6 使用 的是activexobject。在現代瀏覽器中建立xmlhttprequest...
Ajax之實現步驟
一般情況下為以下4個步驟 建立xmlhttprequest物件 伺服器向瀏覽器響應請求 註冊監聽 瀏覽器與伺服器建立連線 瀏覽器向伺服器傳送請求 具體 當頁面載入完畢之後,執行以下 window.onload function 3 瀏覽器與伺服器建立連線 xhr.open method,url,as...
Ajax實現非同步請求步驟
一 原生js實現 var request new xmlhttprequest 建立xmlhttprequest 物件 啟動乙個http請求,但未傳送請求到服務端,最後乙個引數預設為false,非同步傳送。request.open get post url,true false 使用get方法時直接...