封裝ajax函式

function

ajax
(options)
, header:
, success:
function()
, error:
function()
};// 使用options物件中的屬性覆蓋defaults物件中的屬性,
// object.
assign
(defaults, options)
;// 建立ajax物件
;// 拼接請求引數的變數
var params ='';
// 迴圈使用者傳遞進來的物件格式引數
for(
var attr in defaults.data)
// 將引數最後面的&擷取掉 
// 將擷取的結果重新賦值給params變數
params = params.
substr(0
, params.length -1)
;// 判斷請求方式
if(defaults.type ==
'get'
)// 配置ajax物件
xhr.
open
(defaults.type, defaults.url)
;// 如果請求方式為post
if(defaults.type ==
'post'
)else
}else
// 監聽xhr物件下面的onload事件
// 當xhr物件接收完響應資料後觸發
xhr.
onload
=function()
// 當http狀態碼等於200的時候
if(xhr.status ==
200)
else
}}

ajax(,

//前端傳送給後端一些資料
header:
, success:
function
(data)
, error:
function
(data)})
<
/script>

xhr.readystate：包含從0到4，五種狀態

>0:unsent,未傳送，只要建立乙個ajax物件，預設值就是0

>1:opened,我們已經執行了xhr.open這個操作
>2：headers_received當前ajax的請求已經傳送，並且已經接收到伺服器端返回的響應頭資訊了
>3：loading，相應主體的內容正在返回的路上
>4：done，響應主體內容已經返回到客戶端

還有一些ajax各類事件,跳轉這個鏈結

Ajax函式封裝

備份 function ajax options header success function error function 使用options中的屬性覆蓋defaults物件中的屬性 object.assign defaults,options 建立ajax物件 拼接請求引數的變數 var pa...

Ajax函式的封裝

封裝乙個ajax 函式，每次呼叫ajax函式的時候只需要傳遞乙個物件，物件中包含請求型別 請求位址 要傳遞的引數 content type等等 當沒有傳遞某些引數的時候，將使用某些預設值 函式中自定義默寫預設值 具體的函式封裝如下 function ajax obj contenttype succ...

Ajax函式封裝 筆記

一 ajax函式 function ajax options header success function error function 使用options物件中的屬性覆蓋defaults物件中的屬性 object.assign defaults,options 建立ajax物件 拼接請求引數的變...