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

Question

I'm trying to fetch data from URL with GET method on javascript,

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

How can I pass variable here

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

Like this

Thanks in Advance,

Answer 1

One method is the string concatenation but js has introduced another mechanism called template literal :

Embed the string with `` and user variable with ${makedate}.

`/api/staffattendance/${makedate}`

Let me know if this helps.

Answer 2

You can also put the string in backticks ``, and include ${yourVariable} where you want your variable, example:

  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+'')

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