Express后端PATCH更新接口无法获取HTML用户输入该如何解决

• 核心错误：运行环境混淆
  document是浏览器端专属的DOM API，你的这段代码是运行在Node.js环境下的Express后端接口，Node.js中不存在document对象，完全无法直接获取前端页面的输入内容。
• 语法使用错误
  就算在前端侧调用document.getElementsByClassName('task-edit-name')，返回的是同类名的DOM元素集合，不是单个输入框，直接转String只能得到[object HTMLCollection]这类无意义的结果，需要取对应元素的.value属性才能拿到用户输入的文本。

1. 新增前端请求逻辑，收集输入内容后调用后端更新接口，示例代码如下：

// 运行在浏览器端的JS代码
const taskId = '当前要更新的任务ID' // 替换为实际的任务ID
const editNameInput = document.querySelector('.task-edit-name')

fetch(`/tm/v1/tasks/${taskId}`, {
  method: 'PATCH',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    name: editNameInput.value.trim()
  })
})

2. 调整后端接口逻辑，从请求体中获取前端传递的参数，同时提前配置Express的JSON解析中间件：
   首先在你的Express服务启动代码最前面添加解析中间件：

// 必须配置，否则req.body会返回undefined
app.use(express.json())

修改后的接口代码：

app.patch("/tm/v1/tasks/:id", async (req,res)=>{
  try {
    const { id } = req.params;
    const { name } = req.body;
    // 增加参数合法性校验
    if(!name?.trim()) {
      return res.status(400).json({msg: '任务名称不能为空'})
    }
    const update = { name: name.trim() }
    const taskUpdated = await Task.findOneAndUpdate({id}, update, {new: true});
    res.status(200).json({taskUpdated});
  } catch (error) {
    res.status(500).json({msg: error.message});
  };
});

内容的提问来源于stack exchange，提问作者Hamoomoo