小程序ajax的封装技巧

小程序ajax的封装

最近做公司的小程序的项目的时候,发现小程序的ajax比较麻烦,在github上找了几个小程序的封装ajax,发现在实际运用中存在函数的执行顺序问题,于是乎,自己基于小程序原生的ajax封装了一下,废话不多说!代码如下:
在app.js中对ajax进行了一下全局变量的封装

  ajax(Type, params, url, successData, errorData, completeData) {
    params.appid = 'wxmp_Ix32k5aI';
    var methonType ="application/json";
    var https = "https://hotel.wxmp.91zmt.com"
    var client_secret = 'NzToVz83v7DgG7MJ9UnYq9G39wb7aVZ3';
    var st = new Date().getTime()
    var sign = sdk.getSignature(params, st, client_secret);
    if (Type=="POST"){
      methonType = "application/x-www-form-urlencoded"
    }
    wx.request({
      url: https + url,
      method: Type,
      header: {
        'content-type': methonType,
        'Muses-Timestamp': st,
        'Muses-Signature': sign
      },
      data: params,
      success: (res) => {
        successData(res)
      },
      error(res) {
        errorData(res)
      },
      complete(res) {
        completeData(res)
      }
    })
  },

在其它页面用的时候,先const app=getApp()

    //这是一个变量,即传进ajax的参数
    var params = {
      openid: app.globalData.openid,
    }
    app.ajax("POST", params, "/hotel/api/product/v1/hotelInfo", (res) => {
      console.log(res.data)
      wx.hideLoading()
    }, (res) => {
      console.log(res.data)
    }, (res) => { });

这样的话在做项目的时候就正常写就可以了,不会出现一些函数的执行顺序问题,欢迎大家多提提意见

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值