从表单获取用户输入并通过id - mongodb和node.js对其进行更新

<form id="updateForm">
  <label for="userId">用户ID：</label>
  <input type="text" id="userId" name="userId" required>
  <br>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" required>
  <br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email" required>
  <br>
  <input type="submit" value="更新">
</form>

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

  const userId = document.getElementById('userId').value;
  const name = document.getElementById('name').value;
  const email = document.getElementById('email').value;

  // 发送POST请求到服务器
  fetch('/updateUser', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({ userId, name, email })
  })
  .then(response => response.json())
  .then(data => {
    console.log(data); // 输出更新结果
  })
  .catch(error => {
    console.error('更新失败:', error);
  });
});

const express = require('express');
const mongoose = require('mongoose');

mongoose.connect('mongodb://localhost/mydatabase', { useNewUrlParser: true, useUnifiedTopology: true })
  .then(() => {
    console.log('成功连接到MongoDB');
  })
  .catch(error => {
    console.error('连接MongoDB失败:', error);
  });

const userSchema = new mongoose.Schema({
  name: String,
  email: String
});

const User = mongoose.model('User', userSchema);

const app = express();

app.use(express.json());

app.post('/updateUser', (req, res) => {
  const { userId, name, email } = req.body;

  User.findByIdAndUpdate(userId, { name, email }, { new: true })
    .then(updatedUser => {
      res.json(updatedUser);
    })
    .catch(error => {
      res.status(500).json({ error: '更新用户失败' });
    });
});

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