Passing request parameters on an API fetch Request

Question

How do I pass down parameters to a fetch request? I have this api call to fetch the logged in users username. How do I pass the returned results to the other fetch request route as it's request parameter?

//Gets logged in user's username

async function getProfile(){
  try {
    const response = await fetch(`${SUMMIT_API}/users/myprofile`,{
      method: 'GET',  
      headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${myToken}`
      },
    })
    const data = await response.json();
    console.log(data)
    return data.profile
  } catch (error) {
    console.log('Oops Something Went Wrong! Could not get that user profile.');
  }


}

Results from above fetch:

//Request parameters is the logged in user's username in the route retrieved from above fetch request


async function userChannel(){
  try {
    const response = await fetch(`${SUMMIT_API}/users/myprofile/**${username}**/channel`,{
      method: 'GET',  
      headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${myToken}`
      }
    })
    const data = await response.json();
    console.log(data)
    return data.profile;
  } catch (error) {
    console.log('Oops Something Went Wrong! Could not render userChannel');
  }


}

How do I get the information from first request passed to the second?

Are you simply looking to do var profile = await getProfile(); var username = profile[0].username; at the beginning of userChannel? — apsillers
– apsillers, Commented Jul 15, 2021 at 16:28
Not sure, I will try that, I just want the returned username, to be passed in to the other fetch as it's parameter. How do I extract that out of the results? — Rashon
– Rashon, Commented Jul 15, 2021 at 16:31

apsillers · Accepted Answer · 2021-07-15 16:46:03Z

1

Since the information you want seems to be supplied by your async function getProfile, it seems like you simply need to await getProfile() and pull the necessary information out:

var profile = await getProfile();
var username = profile[0].username;

answered Jul 15, 2021 at 16:46

apsillers

117k18 gold badges248 silver badges249 bronze badges

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

Collectives™ on Stack Overflow

Passing request parameters on an API fetch Request

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related