raingad-uniapp/uni_modules/u-ajax

✨ 特性

• 支持 Promise API
• 支持 Typescript 开发
• 拦截请求和响应
• 自定义配置请求实例
• 多种 Method 方法请求
• 支持 RequestTask 操作

🍟 文档

uniajax.ponjs.com

🥗 安装

插件市场

在插件市场右上角选择 使用HBuilder X 导入插件 或者 下载插件ZIP

NPM

# 如果您的项目是HBuilder X创建的，根目录又没有package.json文件的话，请先执行如下命令：
# 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)                           // 创建请求实例

instance.interceptors.request.use(onFulfilled, onRejected)     // 添加请求拦截器
instance.interceptors.response.use(onFulfilled, onRejected)    // 添加响应拦截器

export default instance                                        // 导出创建后的实例

🥪 使用

请求方法

// 常规方法
ajax()

// 请求方法别名
ajax.get()
ajax.post()
ajax.put()
ajax.delete()

RequestTask

const request = ajax()                  // 请求方法每项皆可

request.abort()                         // 中断请求任务
request.onHeadersReceived(callback)     // 监听 HTTP Response Header 事件
request.offHeadersReceived(callback)    // 取消监听 HTTP Response Header 事件

其他属性方法

ajax.defaults          // 全局默认配置
ajax.config            // 当前实例配置
ajax.getURL(config)    // 获取实例请求地址