? ? ? ? ? ? ajax 的封裝

? ? ? ? ? ? ? ? 我們每次都需要來(lái)書寫那幾個(gè)固定的步驟

? ? ? ? ? ? ? ? 這樣的開發(fā)效率很低

? ? ? ? ? ? ? ? 所以我們要進(jìn)行封裝

? ? ? ? ? ? 封裝

? ? ? ? ? ? ? ? 目的就是為了將來(lái)使用方便

? ? ? ? ? ? ? ? 將來(lái)如何使用

? ? ? ? ? ? ? ? 我們的ajax默認(rèn)是異步的

? ? ? ? ? ? ? ? 要不就是回調(diào)函數(shù)

? ? ? ? ? ? ? ? ? ? 只能按照回調(diào)函數(shù)的方式來(lái)使用

? ? ? ? ? ? ? ? ? ? 就有可能會(huì)出現(xiàn)回調(diào)地獄

? ? ? ? ? ? ? ? ? ? 我們的代碼的閱讀性和維護(hù)性就不高了

? ? ? ? ? ? ? ? 要不就是 Promise 的形式

? ? ? ? ? ? ? ? ? ? 我們使用的時(shí)候就需要按照Promise的語(yǔ)法來(lái)使用

? ? ? ? ? ? ? ? ? ? 就是可以在then()或者是catch()中獲取結(jié)果

? ? ? ? ? ? ? ? ? ? 我們可以使用async和await

? ? ? ? ? ? ? ? 我們要采用 Promise 的形式進(jìn)行封裝

? ? ? ? ? ? 參數(shù)

? ? ? ? ? ? ? ? 參數(shù)的傳遞方式

? ? ? ? ? ? ? ? ? ? 第一種: 就是挨個(gè)傳遞

? ? ? ? ? ? ? ? ? ? ? ? 我們需要設(shè)計(jì)幾個(gè)參數(shù)位

? ? ? ? ? ? ? ? ? ? ? ? 以為你是封裝 就需要滿足各種請(qǐng)求

? ? ? ? ? ? ? ? ? ? ? ? 不好確定參數(shù)位

? ? ? ? ? ? ? ? ? ? -第二種: 就是以對(duì)象的方式進(jìn)行傳遞

? ? ? ? ? ? ? ? ? ? ? ? 我們能更好的控制

? ? ? ? ? ? ? ? ? ? ? ? 也不需要考慮參數(shù)的位置和數(shù)量

? ? ? ? ? ? ? ? ? ? ? ? 采用對(duì)象的方式進(jìn)行參數(shù)的傳遞

? ? ? ? ? ? 參數(shù)的數(shù)量

? ? ? ? ? ? ? ? 請(qǐng)求地址(url) ? ? ? ? ? ?: 這是一個(gè)必填項(xiàng)

? ? ? ? ? ? ? ? 請(qǐng)求方式(method) ? ? ? ? : 選填項(xiàng) ?選填是get

? ? ? ? ? ? ? ? 是否異步(async) ? ? ? ? ?: 選填項(xiàng) ?選填是true 異步

? ? ? ? ? ? ? ? 攜帶參數(shù)(data) ? ? ? ? ? : 選填項(xiàng) ?選填空字符串('')

? ? ? ? ? ? ? ? 設(shè)置請(qǐng)求頭(headers) ? ? ?: 選填項(xiàng) ?{'content-type': 'application/x-www-form-urlencoded'}

? ? ? ? ? ? 返回值

? ? ? ? ? ? ? ? 就是后端給我們返回的是數(shù)據(jù)

? ? ? ? ? ? ? ? 你要不要拿到一個(gè)最終的結(jié)果

? ? ? ? ? ? ? ? 就需要在封裝的時(shí)候進(jìn)行數(shù)據(jù)格式的轉(zhuǎn)換(化)

? ? ? ? ? ? ? ? 需要有返回值的