微信小程序 from表单 数据同时提交服务器和本地存储

在微信小程序中，可以通过表单的 submit 事件来同时将数据提交到服务器和本地存储。下面是一个示例：

1. 在 WXML 文件中，创建一个表单，并绑定 submit 事件：

<form bindsubmit="submitForm">
  <input name="name" placeholder="姓名" />
  <input name="age" placeholder="年龄" />
  <button type="submit">提交</button>
</form>

2. 在对应的 JS 文件中，编写 submitForm 方法来处理表单提交：

Page({
  submitForm: function(e) {
    const formData = e.detail.value; // 获取表单数据

    // 发送数据到服务器
    wx.request({
      url: 'https://api.example.com/submit',
      method: 'POST',
      data: formData,
      success: function(res) {
        console.log('数据提交成功');
      },
      fail: function(err) {
        console.error('数据提交失败', err);
      }
    });

    // 本地存储数据
    wx.setStorageSync('formData', formData);

    // 跳转到其他页面
    wx.navigateTo({
      url: '/pages/result/result'
    });
  }
});

在上述代码中，通过 `e.detail.value` 获取到表单的数据，并将其作为 `data` 参数发送到服务器。同时，使用 `wx.setStorageSync` 将表单数据存储到本地缓存中。然后，可以根据需求进行页面跳转或其他操作。

需要注意的是，服务器请求可能会有网络延迟或失败的情况，所以建议在请求成功的回调函数中再进行本地存储和其他操作，以确保数据的一致性和完整性。