使用fetch删除用户端点

Question

我正在建立一个用户网站，管理员应该能够删除用户。 我的项目是使用Azure SQL数据库构建的。 我在控制器文件中有一个，提出一个端点删除器

删除器

const deleteUser = (req, res) => {
  sql.connect(config, function (err) {
    if (err) console.log(err);
    // create Request object
    var request = new sql.Request();
    // query to the database and get the records

    const { id } = req.query

    request.query(
      `DELETE FROM users where User_ID = '${id}'`,
      function (err, recordset) {
        if (err) {
          console.log(err);
        } else if (!id) {
          res.json("Please provide an ID")
        } else {
          res.json(`User with ID: ${id} has been deleted!`)
        }
      }
    );
  });
};

，然后尝试使用fetch和ejs呼叫此端点。

我在EJS脚本标签中的代码

<script>

document.getElementById('deleteUserBtn').addEventListener('submit', (e) => {

    e.preventDefault();

    fetch('http://localhost:3000/deleteUser', {
    method:'DELETE',
    headers: {
        "Content-Type": "application/json",
      },
      body: null
    })
    .then((response) => console.log(response))
    .catch((e) => {
        console.log(e)
    })
})
</script>

会记录响应，因此该路由必须很好，但是似乎它不会将ID解析到获取中。正确的方法是什么？

提前致谢！

解决方案

我提出了以下解决方案 - 这不是最好的，而是有效的。

document.getElementById('deleteUserBtn').addEventListener('submit', (e) => {

    e.preventDefault();

    // delete user using fetch

    const id = document.getElementById('userId').textContent

    fetch(`http://localhost:3000/deleteUser?id=${id}`, {
    method:'DELETE',
    headers: {
        "Content-Type": "application/json",
      },
      body: null
    })
    .then((response) => console.log(response))
    .catch((e) => {
        console.log(e)
    })
})

感谢您的贡献！

Answer 1

ID是否不在提取请求的URL中？您是在请求参数中要求ID，因此可能还应将其附加到路径上，就像

const id = wherever your id comes from; 

fetch('http://localhost:3000/deleteUser?id=${id}...'

您还需要在按钮方法中获取用户的ID 。

Answer 2

通常，使用ID进行删除是最好的方法

fetch('http://localhost:3000/deleteUser/:id...'

，但是，您可以在身体，参数，查询甚至标题中传递ID）