Ajax函式封裝 筆記

2021-10-04 13:09:01 字數 1068 閱讀 8978

一、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函式

ajax(}

)

剛剛學習完,還需慢慢還來琢磨。?

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