uniapp中简单封装ajax

简介: uniapp中简单封装ajax

一、首先创建一个文件夹叫utils然后在创建一个request.js文件

二、然后我们开始封装ajax

const BASE_URL = "https://xgyc.gengduoke.com/"
export default  (options) => {
  let token = uni.getStorageSync('token');
  return new Promise((resolve,reject) => {
    uni.request({
      url:BASE_URL + options.url,
      method: options.method || 'GET',
      header: {'x-token': token || ''},
      data: options.data || {},
      success: (res) => {
        resolve(res);
      },
      fail: (err) => {
        uni.showToast({
          title:'ajax请求失败'
        });
        reject(err);
      }
    })
  })
}

三、在main.je把request挂载到vue的prototype原型上

四、最后在组件中使用就可以了


目录
相关文章
|
3月前
uniApp常用功能封装
uniApp常用功能封装
23 0
|
9月前
|
JSON 小程序 算法
uniapp小程序封装常用工具函数
类似的工具函数还有很多,这里暂时不一一列举了,上面提到的银行卡校验,还可以使用阿里公开的一个校验接口cardNo=银行卡号码&cardBinCheck=true这个接口会返回对应的银行简称银行卡类型,如果想要显示对应的银行logo的话,可以联系我,由于JSON数据太大,没办法全部放在这里。
128 0
|
2月前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
3月前
|
API
uniApp封装请求
uniApp封装请求
14 0
|
7月前
|
开发者
【 uniapp - 黑马优购 | 商品列表 】如何实现数据获取、结构渲染、自定义组件的封装
【 uniapp - 黑马优购 | 商品列表 】如何实现数据获取、结构渲染、自定义组件的封装
194 0
|
4月前
|
前端开发
uniapp如何封装接口
uniapp如何封装接口
41 0
|
4月前
|
前端开发 JavaScript 小程序
【uniapp】十分钟带你封装uniapp的api请求
【uniapp】十分钟带你封装uniapp的api请求
132 0
|
5月前
|
小程序
uniapp 微信小程序请求拦截器 接口封装
uniapp 微信小程序请求拦截器 接口封装
|
5月前
|
前端开发 API
用promise封装ajax
用promise封装ajax
26 0
|
5月前
|
JavaScript
uniapp-----封装接口
uniapp-----封装接口
46 0
uniapp-----封装接口