将 html 表单连接到我的 wix 网站数据库

Question

我正在尝试使用 HTML 在 wix 上构建自定义表单。提交后，我希望将表单数据存储在我的 wix 数据库中，我尝试了这个简单的代码，但不起作用

我收到此错误：TypeError: $w(...).onSubmit 不是函数

HTML 代码。

    <form id="myForm">
      <label for="name">Name:</label>
      <input type="text" id="name" name="name">
      <label for="email">Email:</label>
      <input type="email" id="email" name="email">
      <button type="submit">Submit</button>
      </form>

JS代码

 import wixData from 'wix-data';

    $w.onReady(function () {
      $w("#myForm").onSubmit((event) => {
        event.preventDefault();
    
        let formData = {
          "name": $w("#name").value,
          "email": $w("#email").value
        };
    
        wixData.insert("FormSubmissions", formData)
          .then((result) => {
            console.log("Data submitted successfully", result);
          })
          .catch((err) => {
            console.log("Error submitting form data", err);
         });
      });
    });

Answer 1

您不能像这样简单地将 HTML 添加到 Wix 页面。

最简单的方法是使用 Wix 中的内置输入元素来创建表单。如果你这样做，你甚至可以让它将数据提交到数据库，而无需编写任何代码。

如果您确实需要自己编写 HTML，则需要使用 iframe 元素或自定义元素。然后，您必须编写代码将数据从该元素发送回页面，然后将其插入数据库。这样做有点痛苦，只有当您正在做一些具有非常具体和不寻常的要求的事情时才有必要。