微信小程序封装请求的js

1.配置访问服务器的地址config.js:

const config = {//192.18.1.2:8083 https://www.so.com/
  api_base_url: \'http://192.168.1.12:8083\',
  // api_base_url:"https://www.baidu.com",
  img_base_url: \'\'
}

export { config }

 

2.封装http请求http.js：

import { config } from \'./config.js\'

const tips = {
  1: \'抱歉，出现了一个错误\',
  205: \'暂无数据！\',
  300:\'页面重定向，注意信息安全！\',
  400:\'语法格式有误！，请检查错误输入\',
  401: \'登录失败！\',
  404:\'页面资源错误！\',
  500:\'服务器错误！\'
}

class HTTP {
  request({ url, data = {}, method = \'GET\' }) {
    return new Promise((resolve, reject) => {
      this._request(url, resolve, reject, data, method)
    })
  }
  _request(url, resolve, reject, data = {}, method = \'GET\') {
    wx.request({
      url: config.api_base_url + url,
      method: method,
      data: data,
      header: {
        // \'content-type\': \'application/json\'
        \'content-type\': method == \'GET\' ? \'application/json\' : \'application/x-www-form-urlencoded\',
        \'Accept\': \'application/json\'
      },
      success: (res) => {
        // console.log(\'你好请求成功\', res.statusCode, code.startsWith(\'2\'))
        const code = res.statusCode.toString()
        // console.log(\'http你好请求成功\', res,res.statusCode, code.startsWith(\'2\'))
        if (code.startsWith(\'2\')) { // 一般情况下正确的请求结果是以2开头的（200）
          // console.log("code.startsWith(\'2\')", code)
          resolve(res.data)
        }
        else {
          reject(res)
          const error_code = res.data.code
          this._show_error(error_code, res.data)
        }
      },
      fail: (err) => {
        reject(err)
        this._show_error(1)
      }
    })
  }

  _show_error(error_code,data) {
    // console.log("tips[error_code]", error_code)
    if (!error_code) {
      error_code = 1
    }
    const tip = tips[error_code] //= data.data
    wx.showToast({
      title: tip ? tip : tips[1],  // tips内没找到对应的错误代码时，使用1代替
      icon: \'none\',
      duration: 2000
    })
  }

}

export { HTTP }

 

3.分装每一个或者通用的请求itemapi.js:

import { HTTP } from \'./http.js\'


class DemoModel extends HTTP {
  // 1、学生端
  // 验证微信号是否注册
  verificationWecat(data) {
    return this.request({ url: \'/Wec/verificationWecat\', data: data, method: \'POST\' })
  }
  // 修改用户信息
  updateUserInfo(data) {
    return this.request({ url: \'/Wec/updateUser\', data: data, method: \'POST\' })
  }
  // 添加用户
  addUser(data) {
    return this.request({ url: \'/Wec/addUser\', data: data, method: \'POST\' })
  }

  // 小程序获取学校内店铺信息
  getStoreList(data) {
    return this.request({url: \'/Wec/queryDepStoreBySchId\',data: data,method: \'GET\'})
  };
  // 获取店铺下的所有产品，并按照分类进行查询
  getStoreProduct(data) {
    return this.request({ url: \'/Wec/queryProductByDsId\', data: data, method: \'GET\' })
  };
  // 根据用户id查询用户地址列表
  userCheckAdress(data) {
    return this.request({ url: \'/Wec/queryUserAddressByUsrId\', data: data, method: \'GET\' })
  };
  // 根据地址id查询用户地址
  adressCheckUser(data) {
    return this.request({ url: \'/Wec/queryUserAddressById\', data: data, method: \'GET\' })
  };

// 修改用户地址
  adressCheckUser(data) {
    return this.request({ url: \'/Wec/updateUserAddress\', data: data, method: \'POST\' })
  };
// 添加用户地址
  addAdress(data){
    return this.request({ url: \'/Wec/addUserAddress\', data: data, method: \'POST\' })
  }
// 根据用户id查询用户地址列表
  checkAdress(data) {
    return this.request({ url: \'/Wec/queryUserAddressByUsrId\', data: data, method: \'GET\' })
  }

  commonfunc(url, data, method) {
    return this.request({ url: url, data: data, method: method })
  }



// 2、管理端
}

export {
  DemoModel
}

 

4.使用方法：

import { DemoModel } from \'../../../wxapi/itemapi.js\'
const apiModel = new DemoModel()
lifetimes: {
    attached: function () {
      var that =this
      // 在组件实例进入页面节点树时执行
      apiModel.getStoreList({ schId: 1,}).then(res => {
        if (res.code ==\'200\'){
          this.setData({ list: res.data });

        }else{
          wx.showToast({
            title: res.data,
            icon:\'none\'
          })
        }
      }).catch(err => {
        console.log(\'请求失败err\',err)
      });
    },
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
     
    },