微信小程序自动提交表单

Question

从第三方获取到了一份form表单数据串，在html页面中放在div下会自动提交跳转到一个页面，但是微信小程序页面没有div，放在其他标签下并没有自动提交表单，该如何实现相同的效果?

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

微信小程序自动提交表单

你遇到的问题是微信小程序中无法使用div标签自动提交表单，因为微信小程序不支持使用div标签提交表单。微信小程序提供了wx.submitForm API，可以用来提交表单，但是需要在表单中添加form-id属性。

你可以尝试以下解决方案：

1. 在小程序中创建一个form标签，并添加form-id属性。

<form id="myForm">
  <!-- 表单内容 -->
</form>

1. 在小程序中使用wx.setStorageSync将表单数据存储在本地存储中。

wx.setStorageSync('formData', formData);

1. 使用wx.submitForm API提交表单。

wx.submitForm({
  formId: 'myForm',
  success: (res) => {
    console.log(res);
  }
});

1. 在小程序中使用wx.navigateTo API跳转到目标页面。

例如：

wx.navigateTo({
  url: '/pages/submitForm/submitForm',
  success: (res) => {
    console.log(res);
  }
});

在目标页面中，你可以使用wx.getStorageSync API获取存储在本地存储中的表单数据。

const formData = wx.getStorageSync('formData');

这样，你就可以实现自动提交表单的效果。