如何在 javascript fetch() 方法上传递带有 url 的变量？

Question

我正在尝试使用 javascript 上的 GET 方法从 URL 获取数据，

      fetch('/api/staffattendance/{makedate}')
        .then(res => res.json())
        .then(res => {
          //this.staffs = res.data;
          console.log(res.data);
        })
        .catch(err => console.log(err));

我如何在这里传递变量

fetch('/api/staffattendance/{makedate}')

像这样

提前致谢，

Answer 1

一种方法是字符串连接，但js引入了另一种称为template literal机制：

用 `` 嵌入字符串，用 ${makedate} 嵌入用户变量。

`/api/staffattendance/${makedate}`

如果这有帮助，请告诉我。

Answer 2

您还可以将字符串放在反引号 `` 中，并在您想要变量的位置包含${yourVariable} ，例如：

  fetch(`/api/staffattendance/${makedate}`)
    .then(res => res.json())
    .then(res => {
      //this.staffs = res.data;
      console.log(res.data);
    })
    .catch(err => console.log(err));

Answer 3

在 JavaScript 周围使用${your-variable} ，您是否将整个 URL 包含在尖括号中（“1”键左侧的这些小家伙）？

Answer 4

fetch('/api/staffattendance/'+makedate+'')

像这样简单地连接对我有用