小程序开发,ajax封装

小程序开发,ajax封装

utils.js:
本人是promise函数的死忠粉…

const $ajax = function(url,data,method,loading = true){
  let baseUrl_DEV = "xxx";
  let headers_POST = {
    "accessToken": "Bearer " + wx.getStorageSync('token'),
    "Content-Type":"application/x-www-form-urlencoded"
  }
  let headers_GET = {
    "accessToken": "Bearer " + wx.getStorageSync('token')
  }
  return new Promise((resolve,reject)=>{
    if (loading) {
      wx.showLoading({
        title: '加载中...',
      })
    }
    let that = this;
    wx.request({
      url: baseUrl_DEV+url,
      method:method,
      data : data,
      header : method=="GET"? {...headers_GET}:{...headers_POST},
      success(res){
        resolve(res)
      },
      fail(err){
        reject(err)
      }
    })
  })
}
module.exports = {
  formatTime: formatTime,
  $ajax : $ajax
}
`
**注意:一定要在出口处暴露此方法,类似于es6 的exports default
**`
**新建一个js,取名叫common-api.js吧,用于存放可用的请求api
**

const util = require(’./util.js’);
let apis = {};
apis.getSubCatalogs = (id,params)=>{
return util. a j a x ( ‘ / u a p i / c l a s s r o o m C a t a l o g s / ajax(`/uapi/classroomCatalogs/ ajax(/uapi/classroomCatalogs/{id}/catalogs`,params,“GET”)
}
module.exports = {
…apis
}



最后,使用之

const ajax = require("…/…/utils/common-api.js");
ajax.getSubCatalogs(1,{id:3}).then(res=>{
console.log(res)
})


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值