微信小程序如何发起网络请求？

推荐答案

在微信小程序中，可以使用 wx.request API 来发起网络请求。以下是一个简单的示例代码：

// www.javascriptcn.com code example
wx.request({
  url: 'https://example.com/api/data', // 请求的URL
  method: 'GET', // 请求方法，可以是 GET、POST 等
  data: {
    key1: 'value1',
    key2: 'value2'
  }, // 请求参数
  header: {
    'content-type': 'application/json' // 设置请求头
  },
  success(res) {
    console.log(res.data); // 请求成功后的回调函数
  },
  fail(err) {
    console.error(err); // 请求失败后的回调函数
  },
  complete() {
    console.log('请求完成'); // 请求完成后的回调函数（无论成功或失败）
  }
});

本题详细解读

1. wx.request 的基本用法

wx.request 是微信小程序中用于发起网络请求的核心 API。它支持多种 HTTP 请求方法（如 GET、POST、PUT、DELETE 等），并且可以设置请求头、请求参数等。

2. 参数详解

• url: 请求的服务器接口地址，必须是 HTTPS 协议。
• method: 请求方法，默认为 GET。常见的请求方法有 GET、POST、PUT、DELETE 等。
• data: 请求参数，可以是对象或字符串。如果是 GET 请求，参数会附加在 URL 后面；如果是 POST 请求，参数会放在请求体中。
• header: 设置请求的 HTTP 头，常见的如 content-type，默认为 application/json。
• success: 请求成功后的回调函数，返回的数据可以通过 res.data 获取。
• fail: 请求失败后的回调函数，返回错误信息。
• complete: 请求完成后的回调函数，无论成功或失败都会执行。

3. 注意事项

• HTTPS 协议: 微信小程序要求所有网络请求必须使用 HTTPS 协议，确保数据传输的安全性。
• 域名配置: 在小程序后台需要配置请求的域名，否则无法发起请求。
• 并发限制: 微信小程序对网络请求有并发限制，最多同时发起 10 个请求。

4. 示例场景

假设你需要从服务器获取用户信息，可以使用以下代码：

// www.javascriptcn.com code example
wx.request({
  url: 'https://example.com/api/user',
  method: 'GET',
  data: {
    userId: 123
  },
  success(res) {
    console.log('用户信息:', res.data);
  },
  fail(err) {
    console.error('获取用户信息失败:', err);
  }
});

通过 wx.request，你可以轻松地与服务器进行数据交互，实现小程序的各种功能。