• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

超好用超短的小程序请求封装

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

超好用超短的小程序请求封装,也不算特别特别短吧哈哈哈。但真的很好用的一个小程序请求封装,在请求的时候简短提高效率不需要将一样的东西重复写。下面就让大家看看这个封装是有多短,不够短的话也请别打我

网上多数使用的小程序封装是在单独的一个js文件,再使用module.exports进行输出方法。我所介绍的封装方法有异曲同工之妙,只不过是写在app.js里边,省去了使用时必须引用文件的麻烦。

app.js

xcxPost(options = {}) {
    wx.showLoading({ mask: true, title: '', })
    wx.request({
      url: this.globalData.postUrl + options._url,
      data: options._data || {},
      method: "POST",
      dataType: "json",
      header: this.globalData.header,
      success: (res) => {
        if (res.data.errcode > 0) {
          if (typeof options._success == "function") {
            options._success(res.data);
          }
        } else {
          this.xcxErrorToast({ title: res.data.errmsg || '服务器返回错误!' });
          return;
        }
      },
      fail: (res) => {
        if (typeof options._fail == "function") {
          options._fail(res);
        }
        if (typeof options._fail == "string") { //请求失败的弹框提示
          wx.showToast({ title: options._fail, icon: 'loading', duration: 2000 });
        }
      },
      complete: (res) => {
        if (typeof options._complete == "function") {
          options._complete(res);
        }
        wx.hideLoading()
      }
    });
  },

此处的this.globalData,是在app.js设置的,也就是小程序的全局属性,不了解的朋友请查阅小程序官方文档

而以上封装具体的返回参数说明,请移步官方文档   https://developers.weixin.qq.com/miniprogram/dev/api/network-request.html#wxrequestobject

App({
  globalData:{
    userInfo:{},
    postUrl: (wx.getExtConfigSync().request_url || '(后台接口地址)'),
    header: {
      'content-type': 'application/x-www-form-urlencoded',
      'Cookie': ''
    },
  }, 

 

其他页面引用封装请求,比如 index.js

/**
   * http请求
   * 获得banner图
   */
  getShopId(callBack) {
    app.xcxPost({
      _url:'pc_home_page/banner',// 你需要发起的请求;
      _data: { type: '1' },// 你需要传的请求参数;
      _success: (resp) => {//请求成功后的操作;if (resp.errcode > -1) {
          // this.globalData.shopId = resp.list.shopId;
          // this.globalData.domainUrl = resp.list.domain;
          if (callBack) {
            callBack()
          }
        }
      }
    }) },

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序内嵌网页或H5页面(zf)发布时间:2022-07-18
下一篇:
小程序后端获取openid(php实例)发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap