微信小程序（三）：网络请求-JavaScript中文网-JavaScript教程资源分享门户

在微信小程序中，我们可以使用 wx.request API 进行网络请求。网络请求是小程序中不可缺少的一部分，因为它可以让我们获取数据并将其呈现给用户。

发起网络请求

wx.request API 接受一个参数对象，该对象包含如下属性：

url：必填，请求的接口地址
data：可选，发送的数据
method：可选，请求方法，默认为 GET
header：可选，请求头信息
dataType：可选，返回的数据类型，默认为 json
success：必填，请求成功后的回调函数
fail：可选，请求失败后的回调函数
complete：可选，请求完成后的回调函数

示例代码如下：

-- -------------------- ---- -------
------------
  ---- --------------------------
  ----- -
    --- --
    ----- ------
  --
  ------- ------
  ------- -
    --------------- ------------------
  --
  -------- -------- ----- -
    ---------------------
  --
  ----- -------- ----- -
    ----------------
  -
--

处理返回数据

当我们发起网络请求后，服务器会返回数据。在成功回调函数中，我们可以通过 res.data 获取到服务器返回的数据。根据返回的数据类型不同，我们需要做出相应的处理。

处理 JSON 数据

如果服务器返回的数据是 JSON 格式的，我们可以直接使用 JSON.parse 将其转换成 JavaScript 对象。

success: function (res) {
  var data = JSON.parse(res.data)
  console.log(data)
}

处理 XML 数据

如果服务器返回的数据是 XML 格式的，我们可以使用第三方库 xml2js 将其转换成 JavaScript 对象。

首先需要在项目中安装 xml2js：

npm install xml2js --save

然后在代码中引入该库并使用。

var xml2js = require('xml2js')

success: function (res) {
  xml2js.parseString(res.data, function (err, result) {
    console.log(result)
  })
}

错误处理

当发起网络请求出现错误时，我们可以通过 fail 回调函数进行错误处理。fail 回调函数会接收一个参数 err，其中包含了错误信息。我们可以根据错误信息做出相应的处理。

示例代码如下：

-- -------------------- ---- -------
----- -------- ----- -
  -- ----------- --- ------------- --------- -
    -------------------
  - ---- -- ----------- --- ------------- ------- -
    --------------------
  - ---- -
    -------------------
  -
-

结语

本文介绍了微信小程序中的网络请求，并给出了相关的示例代码。网络请求是小程序开发中不可缺少的一部分，希望本文能对广大开发者有所帮助。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/1228