美文网首页
微信小程序 wx.request统一调用

微信小程序 wx.request统一调用

作者: 阿昕_ | 来源:发表于2018-03-18 19:42 被阅读290次

    起因

    在小程序里发起网络请求的时候需要写很多的参数,当频繁调用时,每次都写真心觉得累,那就封个方法统一调用吧

    官方文档

    wx.request({
      url: 'test.php', //仅为示例,并非真实的接口地址
      data: {
         x: '' ,
         y: ''
      },
      header: {
          'content-type': 'application/json' // 默认值
      },
      success: function(res) {
        console.log(res.data)
      }
    })
    

    函数

    • util.js或者什么别的文件里统一处理用到的各种需要调用wx.request的方法
    var _config = {
      serverUrl: 'https://xxxx.com/'
    }
    
    function testFun(paraData, cb){
      requestApi('testFun', { test: paraData.test }, cb)
    }
    
    module.exports = {
      testFun
    }
    
    //调用API 统一方法
    function requestApi(ApiName, PostData, cb) {
      wx.request({
        url: _config.serverUrl + ApiName,
        data: PostData,
        method: 'POST',
        success: function (res) {
          typeof cb == "function" && cb(null, res)
        },
        fail: function () {
          typeof cb == "function" && cb(res)
        }
      })
    }
    
    • 在别的需要的文件里调用
    //获取应用实例
    var util = require('../../utils/util.js')
    
    util.testFun({ test: testData.test }, function (err, res) {
    });
    

    总结

    统一调用不仅减少了代码量,而且有利于维护与管理,团队合作的时候也能让别人快速了解你的代码,而不是像在看一锅粥一样。

    相关文章

      网友评论

          本文标题:微信小程序 wx.request统一调用

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