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

【问题标题】：How to pass a variable with url on javascript fetch() method?如何在 javascript fetch() 方法上传递带有 url 的变量？
【发布时间】：2018-12-01 15:34:33
【问题描述】：

我正在尝试使用 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}')

像这样

提前致谢，

【问题讨论】：

你搜索了一下？也许`my_string${my_variable}` 是您正在寻找的。或字符串连接。有很多可用的解决方案并且有据可查
看起来你正在尝试使用Template Literals
这能回答你的问题吗？ Most efficient way to concatenate strings in JavaScript?

标签： javascript fetch fetch-api

【解决方案1】：

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

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

`/api/staffattendance/${makedate}`

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

【讨论】：

大家好，我尝试了这里提到的所有解决方案。但没有任何效果。我想获取“vall”id 的数据，请帮帮我。 fetch('performancetestdmb.azurewebsites.net/api/products/…)

【解决方案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));

【讨论】：

如何在 ejs 中使用它？

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

简单地串联像这样对我有用

【讨论】：

这不是解决方案。