Ajax函式的封裝

2021-10-03 11:08:03 字數 1117 閱讀 2764

封裝乙個ajax 函式,每次呼叫ajax函式的時候只需要傳遞乙個物件,物件中包含請求型別、請求位址、要傳遞的引數、content-type等等;當沒有傳遞某些引數的時候,將使用某些預設值(函式中自定義默寫預設值)。

具體的函式封裝如下:

function

ajax

(obj)

, contenttype:

, success:

function()

, error:

function()

};// object.assign實現覆蓋 將obj的屬性覆蓋defaults的屬性

// 第乙個引數是被覆蓋物件,第二個引數是要覆蓋的物件

object.

assign

(defaults, obj)

;// object會影響原物件無需接受返回值

// 建立ajax物件

;// 對傳遞的引數資料進行遍歷

var param ='';

for(

var i in defaults.data)

// 對引數進行處理(除掉最後乙個 &)

param = param.

substr(0

, param.length -1)

;// 對請求型別進行判斷

if(defaults.type ==

'get'

)// 配置ajax

xhr.

open

(defaults.type, defaults.url);if

(defaults.type ==

'post'

)else

}else

// 監聽onload事件

xhr.

onload

=function()

// console.log(xhr.responsetext);

// 判斷http狀態碼

if(xhr.status ==

200)

else

}}

封裝ajax函式

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

Ajax函式封裝

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

Ajax函式封裝 筆記

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