如何在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

您是否在JavaScript中使用了这个${your-variable}时，整个URL都被尖锐地包含着（“ 1”键左侧的这些小家伙）？

Answer 3

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

串联像这样对我有效

Answer 4

您也可以在这些符号中添加字符串``，然后在想要变量的位置输入$ {yourVariable}，例如：

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