Access params in URL in JS (React)

Question

I have this URL : http://localhost:3000/#access_token=90kzif5gr8plhtl9286sc1z1qbgoj3&scope=moderation%3Aread&token_type=bearer

and I want to get from this only the access_token value 90kzif5gr8plhtl9286sc1z1qbgoj3

How can I do it in Javascript please ?

Does this answer your question? [React - How to get parameter value from query string?](https://stackoverflow.com/questions/35352638/react-how-to-get-parameter-value-from-query-string) — Jonnel VeXuZ Dorotan, Apr 10 '21 at 10:30

score 1 · Answer 1 · answered Apr 10 '21 at 10:32

1

As you can see in this the simplest way is :

var url_string = "http://localhost:3000/#access_token=90kzif5gr8plhtl9286sc1z1qbgoj3&scope=moderation%3Aread&token_type=bearer"; 
var url = new URL(url_string);
var c = url.searchParams.get("access_token");

answered Apr 10 '21 at 10:32

shahryar ab

71
1
2
7

1

I get "null" for c – VersifiXion Apr 10 '21 at 10:46
1

It's not gonna give you the value @shahryar ab – champion-runner Apr 10 '21 at 11:37
1

But Yes this works if you add `var c = url.searchParams.get(c);` as per [this](https://stackoverflow.com/questions/979975/how-to-get-the-value-from-the-get-parameters) – champion-runner Apr 10 '21 at 12:13
it's not a query string, it's anchor text. – Dan O Apr 10 '21 at 12:40

score 1 · Answer 2 · answered Apr 10 '21 at 11:41

You can try this by splitting the URL string into three strings and using the access token directly then

var url=http://localhost:3000/#access_token=90kzif5gr8plhtl9286sc1z1qbgoj3&scope=moderation%3Aread&token_type=bearer
var firstHalf=url.split('#access_token=')[1];
var required_token=firstHalf.split("&scope")[0];

print the value of required_token.

Required result will be "90kzif5gr8plhtl9286sc1z1qbgoj3"

Dan O · Answer 3 · 2021-04-10T22:55:01.703

1

your text is the string contained in window.location.hash, and a string of that format can be easily turned into a properly decoded key/value store using the URLSearchParams constructor:

const token = new URLSearchParams(window.location.hash).get("access_token");

edited Apr 10 '21 at 22:55

answered Apr 10 '21 at 12:49

Dan O

6,022
2
32
50

score 1 · Accepted Answer · answered Apr 10 '21 at 13:01

Here is the solution:

const url = "http://localhost:3000/#access_token=90kzif5gr8plhtl9286sc1z1qbgoj3&scope=moderation%3Aread&token_type=bearer";
const hash = url.substring(url.indexOf('#') + 1);
let result = hash.split('&')
result = result[0].split('=')

console.log(result[1]); // "90kzif5gr8plhtl9286sc1z1qbgoj3"

Happy coding :)

Access params in URL in JS (React)

4 Answers4