微信小程序-网络请求

Posted 2021-09-17 追到梦的魔术师

一、网络请求之前

在调用网络请求方法之前，需要在 「小程序后台-开发-开发设置-服务器域名」 中进行配置
不配置默认网络请求时无法通过的，当然也可以关闭校验，但是只在调试的时候生效，开发完成准备上线时还是需要配置的。

关闭校验：详情->本地设置->勾选 “比较严合法域名…”

二、网络请求方法

RequestTask wx.request(Object object)

主要参数说明

名称	类型	说明
url	string	开发者服务器接口地址
data	string/object/ArrayBuffer	请求的参数
timeout	number	超时时间，单位为毫秒
method	string	HTTP 请求方法:GET、POST
success	function	接口调用成功的回调函数
fail	function	接口调用失败的回调函数
complete	function	接口调用结束的回调函数（调用成功、失败都会执行）

三、网络请求简单封装

1、新建工具类 http.js

var rootDocment = 'https://xxxxx.com';//你的域名
function req({url:url,data:data,success:successCallback,fail:failCallback}){
    wx.request({
      url: rootDocment + url,
      data: data,
      method: 'GET',
      header: {'Content-Type': 'application/json'},
      success: function(res){
        return typeof successCallback == "function" && successCallback(res.data)
      },
      fail: function(){xe
        return typeof failCallback == "function" && failCallback()
      }
    })
}


module.exports = {
  req: req
}

2、在app.js中将其注册成为全局函数

 //app.js
 var http = require('utils/http.js')
App({
  .........

  .........
  func:{
   req:http.req
  }
})

3、使用

   app.func.req({
      url:'path',//网络请求path
      data:{},//入参
      success:function(res){
        //请求失败
        console.log(res)
      },
      fail:function(){
        console.log('请求失败')
      }
    })