How to pass a variable with url on javascript fetch() method?

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 the variable here:

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

Like this

Thanks in Advance,

Did you search a bit? Maybe `my_string${my_variable}` is what you are looking for. Or string concatenation. There are plenty of solution available and well documented — Ulysse BN
– Ulysse BN, Commented Jun 22, 2018 at 7:50
Does this answer your question? Most efficient way to concatenate strings in JavaScript? — miken32
– miken32, Commented Jan 17, 2020 at 17:42

Shreyak Upadhyay · Accepted Answer · 2020-01-03 09:42:43Z

6

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.

edited Jan 3, 2020 at 9:42

answered Sep 13, 2019 at 18:39

Shreyak Upadhyay

4396 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Manpreet Dhiman Over a year ago

Hi guys, I tried all solution mention in this. but nothing worked. I want to fetch data for "vall" id, please help me. fetch('performancetestdmb.azurewebsites.net/api/products/…)

miken32 · Accepted Answer · 2020-01-02 16:25:57Z

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));

edited Jan 2, 2020 at 16:25

miken32

42.5k16 gold badges127 silver badges177 bronze badges

answered Dec 21, 2018 at 22:32

andres aguirre gonzalez

413 bronze badges

1 Comment

Prathamesh More Over a year ago

How can I use this in ejs?

double-beep · Accepted Answer · 2019-02-27 19:50:42Z

1

Did you encompass the whole URL in acutes ( these little guys to the left of your '1' key) WHILE using this ${your-variable} around your JavaScript?

edited Feb 27, 2019 at 19:50

double-beep

5,67019 gold badges43 silver badges50 bronze badges

answered Feb 27, 2019 at 17:49

ThirdGhostHand

3976 silver badges19 bronze badges

Comments

ubakara samy · Accepted Answer · 2018-06-22 08:06:04Z

0

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

Simply concatenation works for me like this

answered Jun 22, 2018 at 8:06

ubakara samy

1592 gold badges3 silver badges8 bronze badges

1 Comment

Prathamesh More Over a year ago

This is not a solution.

Collectives™ on Stack Overflow

How to pass a variable with url on javascript fetch() method?

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related