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

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

作者: 江南永保春 | 来源:发表于2020-10-17 12:07 被阅读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)

             }

           }

         })


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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/ffwxmktx.html