Ajax 函式封裝與呼叫

2021-10-10 19:26:42 字數 845 閱讀 2513

function ajax(options) ,

header: ,

success: function () ,

error: function ()

};//使用options物件中的屬性覆蓋defaults物件中的屬性

object.assign(defaults, options);

//建立ajax物件

//拼接請求引數的變數

let params = '';

//迴圈使用者傳遞進來的物件格式引數

for (let attr in defaults.data)

//將最後的&擷取掉

params = params.slice(0, params.length - 1);

//判斷請求方式

if (defaults.type === 'get')

//配置ajax物件

xhr.open(defaults.type, defaults.url);

if (defaults.type === 'post') else

} else

//監聽xhr物件下面的onload事件

//當xhr物件接收完響應資料後觸發

xhr.onload = function ()

//當http狀態碼等於200的時候

if (xhr.status === 200) else

}}

ajax函式呼叫(例子):

ajax(

})

ajax封裝函式以及呼叫方法

get請求 方法呼叫挺簡單的 click function 前端所需要傳的引數,當然不是固定的 請求方法 document on click post function e shop cartparam.var shop cartfourl apiurl custcart cart add post...

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