微信小程序网络请求wx.request详解及实例

在微信小程序中，我们经常需要与服务器进行交互获取数据。而微信提供了wx.request方法用于实现网络请求。本文将详细介绍wx.request的使用方法及实例说明。

wx.request方法详解

语法

wx.request(Object object)

参数说明

• Object object: 请求的相关参数，具体说明如下：

参数	类型	必填	说明
url	String	是	开发者服务器接口地址
data	Object/String/ArrayBuffer	否	请求的参数
header	Object	否	设置请求的 header，header 中不能设置 Referer
method	String	否	HTTP 请求方法，默认为 GET
dataType	String	否	服务器返回的数据类型，有效值为：'json'，'text'
responseType	String	否	响应的数据类型，有效值为：'text'，'arraybuffer'
success	Function	否	成功的回调函数
fail	Function	否	失败的回调函数
complete	Function	否	接口调用结束的回调函数

回调函数参数说明

• 成功的回调函数(success):

function success(Object res) {}

属性	类型	说明
data	Object/String/ArrayBuffer	开发者服务器返回的数据
statusCode	Number	开发者服务器返回的 HTTP 状态码
header	Object	开发者服务器返回的 HTTP Response Header

• 失败的回调函数(fail)：

function fail(Object res) {}

属性	类型	说明
errMsg	String	错误信息

实例说明

GET请求

wx.request({
  url: 'https://api.github.com/users/octocat',
  method: 'GET',
  success(res) {
    console.log(res.data) // 返回获取到的数据
  },
  fail(err) {
    console.log(err.errMsg) // 返回错误信息
  }
})

POST请求

wx.request({
  url: 'https://www.example.com/login',
  method: 'POST',
  data: {
    username: 'admin',
    password: '123456'
  },
  success(res) {
    console.log(res.data) // 返回获取到的数据
  },
  fail(err) {
    console.log(err.errMsg) // 返回错误信息
  }
})

在实例中，我们可以看到如何使用wx.request发起一个GET请求和一个POST请求，并使用success和fail回调函数处理请求结果。

注：以上示例请求地址为示意，具体请求实现仅供参考。