CODEWITHSUNDEEP
javascriptgoogle-calendar-apifetch-api
SaladeDeFruits
SaladeDeFruits

Reputation: 145

How to fetch a URL containing a # with Fetch API?

I'm using the Google Calendar API and to fetch the events of a calendar, you must send a GET request to the https://www.googleapis.com/calendar/v3/calendars/calendarId/events endpoint.

Problem is calendarId may contain a # like in addressbook#[email protected] and when when I fetch https://www.googleapis.com/calendar/v3/calendars/addressbook#[email protected]/events, it's only actually fetching https://www.googleapis.com/calendar/v3/calendars/addressbook, i.e. the part of the URL before the # (I see it in the Chrome Network tab and I just get GET https://www.googleapis.com/calendar/v3/calendars/addressbook 404 in the console)

So how can I force the fetch() method to use the entire URL ?

Upvotes: 0

Views: 239

Answers (1)

Thomas
Thomas

Reputation: 182028

You probably need to percent-encode the calendarId:

> encodeURIComponent("addressbook#[email protected]")
"addressbook%23contacts%40group.v.calendar.google.com"

Upvotes: 1

Related Questions