如何使用HTML表单使用产品ID更新我的购物车？

<form action="/update_cart" method="post">
  <input type="text" name="product_id" placeholder="请输入产品ID">
  <input type="submit" value="更新购物车">
</form>

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

// 处理表单提交的路由
app.post('/update_cart', (req, res) => {
  const productId = req.body.product_id;
  // 将产品ID更新到购物车中的逻辑代码
  // ...
  res.send('购物车已更新');
});

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

document.querySelector('form').addEventListener('submit', (event) => {
  event.preventDefault(); // 阻止表单默认提交行为
  const productId = document.querySelector('input[name="product_id"]').value;
  // 可以在此处执行一些前端逻辑，例如显示加载中的提示
  // ...

  // 发送表单数据到后端
  fetch('/update_cart', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({ product_id: productId })
  })
  .then(response => response.text())
  .then(message => {
    // 可以在此处更新前端界面，例如显示更新成功的消息
    // ...
    console.log(message);
  })
  .catch(error => {
    // 处理错误情况
    console.error(error);
  });
});