使用 Ajax POST 请求提交表单数据

下面是一个示例代码，用于生成一个表单并使用ajax post请求提交数据：

<form id='myForm'>
  <label for='name'>Name:</label>
  <input type='text' id='name' name='name'><br><br>
  <label for='email'>Email:</label>
  <input type='email' id='email' name='email'><br><br>
  <input type='submit' value='Submit'>
</form>

// 获取表单元素
const form = document.getElementById('myForm');

// 监听表单提交事件
form.addEventListener('submit', (event) => {
  event.preventDefault(); // 阻止默认提交行为

  // 获取表单数据
  const formData = new FormData(form);

  // 发送ajax post请求
  fetch('http://example.com/api/data', {
    method: 'POST',
    body: formData
  })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));
});

在上面的代码中，我们首先获取表单元素，并监听它的提交事件。当用户点击提交按钮时，我们使用FormData对象获取表单数据，并将其与请求URL一起发送到服务器。在这个例子中，我们使用了fetch函数来发送ajax请求。发送请求后，我们等待服务器响应，并将响应数据解析为JSON格式。最后，我们将数据打印到控制台上。