简单处理下微信开发者工具开发微信小程序网络请求封装

2020-10-17  本文已影响0人  江南永保春

一般项目 我都在untils文件夹下 新建 untils.js 文件 用于封装网络请求


untils.js 文件:

两个API_URL 声明用哪个服务器 比如说 这里用测试服务器 把 线上服务器地址 先注释

var API_URL = 'https://xxxxxxxx.com';//测试服务器

// var API_URL = 'http://xxxxxxx.cn';//线上服务器

var requestHandler = {

  params: {},

  api: '',

  type: '',

  success: function (res) {

  },

  fail: function () {

  },

}

//GET请求

function GET(requestHandler) {

  request('GET', requestHandler)

}

//POST请求

function POST(requestHandler) {

  request('POST', requestHandler)

}

function request(method, requestHandler) {

  //注意:可以对params加密等处理

  var params = requestHandler.params;

  // params.token = wx.getStorageSync('token'); 这里可以写每次请求都必带的参数

  var api = requestHandler.api;

  wx.request({

    url: API_URL + api,

    data: params,

    method: method,

    header: {

      'Content-Type': 'application/x-www-form-urlencoded'

    },

    success: function (res) {

      if (res.data.code == 你后台返回的状态码) {

        requestHandler.success(res)

      } else {

        requestHandler.success(res)

      }

    },

    fail: function () {

      requestHandler.fail()

    },

    complete: function () {

    }

  })

}

module.exports = {

  GET: GET,

  POST: POST,

  API_URL: API_URL

}


在 需要发送请求的页面的js文件中 引入:

var request = require('../../untils/untils')

发送 POST请求:

   request.POST({

       api:'/Login/login',

       params:{

       password:this.data.password,

       },

       success(res) {

         if(res.data.code == 后台返回的状态码) {

          request.showToast(res.data.msg)

          setTimeout(()=>{

            wx.reLaunch({

              url:'../index/index'

            })

          },1000)

         } else {

          request.showToast(res.data.msg)

         }

       }

     })


这是最基础的请求 没有做过多的处理 以实际情况为准

上一篇下一篇

猜你喜欢

热点阅读