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

Posted 2023-02-27

【中文标题】如何在 javascript fetch() 方法上传递带有 url 的变量？

【英文标题】：How to pass a variable with url on javascript fetch() method?

【发布时间】：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?

【参考方案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+'')

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

【讨论】：

这不是解决方案。