小程序怎么发送json请求

在开发小程序时，我们经常需要从服务器获取数据，而JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，发送JSON请求是小程序开发中的一项基本技能，本文将详细介绍如何在小程序中发送JSON请求。

1、准备工作

确保你的小程序已经创建好，并且已经配置了合法的服务器域名，这是因为小程序的请求必须发送到服务器端，而服务器域名需要在小程序的配置文件中进行声明。

2、创建服务端接口

在服务器端，你需要创建一个接口来接收小程序发送的请求，并返回JSON格式的数据，这里以Node.js为例，使用Express框架创建一个简单的接口：

const express = require('express');
const app = express();
app.get('/api/data', (req, res) => {
  const data = { message: 'Hello, Mini Program!' };
  res.json(data);
});
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(Server running on port ${PORT});
});

3、在小程序中发送请求

在小程序中，我们可以使用wx.request方法来发送HTTP请求，以下是一个发送JSON请求的示例：

wx.request({
  url: 'https://your-server-domain.com/api/data', // 服务器接口地址
  method: 'GET',
  header: {
    'content-type': 'application/json', // 默认值
  },
  success(res) {
    console.log('Response:', res.data);
    // 处理返回的数据
  },
  fail(error) {
    console.error('Error:', error);
    // 处理请求失败的情况
  },
});

在这个示例中，我们使用了GET方法请求服务器接口，并在header中指定了content-type为application/json，这样服务器就知道我们希望以JSON格式接收数据。

4、处理服务器返回的数据

当服务器返回数据后，我们可以在success回调函数中获取到这些数据，通常，服务器会返回一个JSON对象，我们可以直接使用它。

success(res) {
  const { message } = res.data;
  console.log(message); // 输出: Hello, Mini Program!
  // 接下来，你可以将这些数据渲染到页面上，或者进行其他处理
}

5、错误处理

在实际开发中，网络请求可能会遇到各种问题，如网络不稳定、服务器接口错误等，我们需要在fail回调函数中进行错误处理，以便给用户提供适当的反馈。

fail(error) {
  console.error('Error:', error);
  wx.showToast({
    title: '请求失败，请稍后再试',
    icon: 'none',
  });
}

6、注意事项

- 确保服务器接口的域名已经在小程序的配置文件中声明。

- 根据实际需求选择合适的HTTP方法（GET、POST、PUT、DELETE等）。

- 处理好请求超时和重试策略，提升用户体验。

- 对敏感数据进行加密传输，保障数据安全。

通过以上步骤，你应该能够在小程序中顺利发送JSON请求，并处理服务器返回的数据，在实际开发过程中，你可能还需要根据具体需求进行调整和优化。