一个微信小程序+node.js实现表单提交的例子

以下是一个微信小程序 node.js 实现表单提交的例子：

1. 创建一个 Express 应用程序

安装 Express 模块：

npm install express --save

创建一个 index.js 文件，写入以下代码：

const express = require('express');
const app = express();

app.use(express.json());
app.use(express.urlencoded({ extended: false }));

app.post('/submit', (req, res) => {
  const name = req.body.name;
  const email = req.body.email;

  console.log(`Received form submission: ${name} (${email})`);

  res.send('Form submission received!');
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

2. 创建一个微信小程序页面

在微信开发者工具中创建一个新页面，例如 submitForm。

在 submitForm 页面的 wxml 文件中添加一个表单：

<view class="container">
  <form bindsubmit="onFormSubmit">
    <input type="text" name="name" placeholder="Name" />
    <input type="email" name="email" placeholder="Email" />
    <button type="submit">Submit</button>
  </form>
</view>

在 submitForm 页面的 js 文件中添加以下代码：

Page({
  onFormSubmit(event) {
    const name = event.detail.value.name;
    const email = event.detail.value.email;

    wx.request({
      url: 'http://localhost:3000/submit',
      method: 'POST',
      data: {
        name: name,
        email: email
      },
      success(res) {
        console.log(res.data);
      }
    });
  }
});

注意，这里的请求地址应该是你的 Express 应用程序所在的服务器地址。

3. 运行应用程序

在命令行中运行以下命令启动 Express 应用程序：

node index.js

在微信开发者工具中启动小程序，访问 submitForm 页面，填写表单并提交。在控制台中可以看到表单提交的日志信息。