• 小程序二次封装request请求


    不管做什么项目,一般会对ajax请求做个二次封装,小程序也不例外。

    小程序开发中都会调用API,小程序的开发文档提供了相对实用的api wx.request(),把它进行二次封装成自己喜欢的写法
     
    我们在全局app.js 中定义 接口服务地址
    // 后端接口服务地址
    var serverUrl = 'https://*************';
    

     封装方法

      request(url, method, params) {
        let header = {
          'token': wx.getStorageSync("token"),
          'sessionKey': wx.getStorageSync("sessionkey")
        }
          let userurl = serverUrl +url
        }
        return new Promise((resolve, reject) => {
          wx.request({
            url: userurl,
            method: method,
            data: data,
            header: header,
            success: function(res) {
              if (res.statusCode == 200) {
                resolve(res);
              }else if (res.statusCode == '401'){
                wx.redirectTo({
                  url: '/pages/login/login',  //跳转到登录页
                })
                reject(res.data);
              } else {
                reject(res.data);
              }
            },
            fail: (res => {
              console.log(res)
              wx.hideLoading();
              wx.showToast({
                title: '网络差,请稍后再试!',
                icon: 'none',
                duration: 1500
              })
              reject('网络差,请稍后再试!');
            })
          })
        })
      },
    

      

      在需要的地方引入

    const app = getApp()
    Page({
       app.request(url,method,params).then(res=>{
               console.log(res)
      })
    })
    

      



  • 相关阅读:
    osds have slow requests
    supervisor 管理 celery
    guacamole部署
    openstack IPV6
    修复VSAN无法看到主机磁盘
    kolla之docker私有仓库创建
    CSS日食与太阳碰撞
    vue-devtools必备工具
    VUE在BODY上绑定enter事件
    VUE输入框显示时自动聚焦
  • 原文地址:https://www.cnblogs.com/BySee1423/p/12559486.html
Copyright © 2020-2023  润新知