如何在提交时显示"成功"消息？

document.querySelector('form').addEventListener('submit', function(event) {
  // 阻止表单默认提交行为
  event.preventDefault();

  // 在这里处理表单提交逻辑
});

document.querySelector('form').addEventListener('submit', function(event) {
  // 阻止表单默认提交行为
  event.preventDefault();

  // 获取表单数据
  const formData = new FormData(event.target);

  // 使用fetch API发送表单数据到服务器
  fetch('/submit', {
    method: 'POST',
    body: formData
  })
  .then(response => response.json())
  .then(data => {
    // 显示"成功"消息
    alert('成功');
  })
  .catch(error => {
    // 处理错误
    console.error('提交表单时发生错误:', error);
  });
});

// 假设使用Node.js和Express框架
const express = require('express');
const app = express();

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

app.post('/submit', (req, res) => {
  // 处理表单数据
  const formData = req.body;

  // 将表单数据存储到数据库中
  // ...

  // 返回JSON响应
  res.json({ success: true });
});

app.listen(3000, () => {
  console.log('服务器已启动');
});