更新記錄

2.3.0(2021-06-01)

【重要】優(yōu)化 重構(gòu)底層代碼，執(zhí)行效率提升 42%

【重要】調(diào)整 修改錯誤事件攔截器返回觸發(fā)回調(diào)機制 [詳情][https://uniajax.ponjs.com/instance/interceptor.html]

【重要】移除 移除通過傳入回調(diào)屬性的方式獲取 RequestTask 對象 [詳情][https://uniajax.ponjs.com/usage/request-task.html]

【重要】調(diào)整 Typescript 類型 AjaxPromise 改為 Request，AjaxExecutor 改為 AjaxInvoke

新增 支持添加多個攔截器、移除指定攔截器 [詳情][https://uniajax.ponjs.com/instance/interceptor.html#移除攔截器]

新增 可自定義請求方法 adapter [詳情][https://uniajax.ponjs.com/instance/create.html#adapter]

2.2.9(2021-04-28)

修復(fù) 回調(diào)參數(shù)執(zhí)行success/fail出錯時無法執(zhí)行complete

新增 實例函數(shù)配置時函數(shù)執(zhí)行出錯會觸發(fā)請求錯誤事件

優(yōu)化 傳入回調(diào)參數(shù)獲取RequestTask，當(dāng)請求前錯誤時一直處于pending狀態(tài)改為fulfilled狀態(tài)

查看更多

平臺兼容性

Vue

App

微信小程序

支付寶小程序

百度小程序

字節(jié)小程序

QQ小程序

快應(yīng)用

vue2

app-vue app-nvue

√

√

√

√

√

√

H5-Safari

Android Browser

微信瀏覽器(Android)

QQ瀏覽器(Android)

Chrome

IE

Edge

Firefox

PC-Safari

√

√

√

√

√

√

√

√

√

? 特性

支持 Promise API

支持 Typescript 開發(fā)

攔截請求和響應(yīng)

自定義配置請求實例

多種 Method 方法請求

支持 RequestTask 操作

🍟 文檔

🥗 安裝

插件市場

在插件市場右上角選擇使用HBuilder X 導(dǎo)入插件或者下載插件ZIP。

NPM

# 如果您的項目是HBuilder X創(chuàng)建的，根目錄又沒有package.json文件的話，請先執(zhí)行如下命令：

# npm init -y

# 安裝

npm install uni-ajax

# 更新

npm update uni-ajax

🥐 實例

新建ajax.js文件(文件名可自定義)用于處理攔截器、接口根地址、默認配置等，詳細配置請查看文檔

// ajax.js

import ajax from 'uni-ajax' // 引入 uni-ajax 模塊

const instance = ajax.create(config) // 創(chuàng)建請求實例

instance.interceptors.request.use(onFulfilled, onRejected) // 添加請求攔截器

instance.interceptors.response.use(onFulfilled, onRejected) // 添加響應(yīng)攔截器

export default instance // 導(dǎo)出創(chuàng)建后的實例

然后在main.js引入該ajax.js

// main.js

import ajax from './common/ajax' // 路徑需根據(jù)項目實際情況

Vue.prototype.$ajax = ajax // 掛載在 Vue 原型鏈上(通過 this.$ajax 調(diào)用)

🥪 使用

請求方法

// 常規(guī)方法

ajax()

// 請求方法別名

ajax.get()

ajax.post()

ajax.put()

ajax.delete()

RequestTask

const request = ajax() // 請求方法每項皆可

request.abort() // 中斷請求任務(wù)

request.onHeadersReceived(callback) // 監(jiān)聽 HTTP Response Header 事件

request.offHeadersReceived(callback) // 取消監(jiān)聽 HTTP Response Header 事件

其他屬性

ajax.baseURL // 獲取配置的接口根地址 baseURL

ajax.origin // 根據(jù)配置的接口根地址獲取源地址 origin

新人創(chuàng)作打卡挑戰(zhàn)賽發(fā)博客就能抽獎！定制產(chǎn)品紅包拿不停！

總結(jié)

以上是生活随笔為你收集整理的ajax.request提交,ajax request 请求的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。