issue when trying to split url in js

Question

Hi guys I am trying to take token from url. I am trying this code

     const userURL = document.location;
     const shared_token = userURL.split('/')[4].split('?')[0];
     alert(shared_token)

my url is something like this:

http://www.something.com/earlyAccessPage/%217y%2299%24SYE8FJ7s9oVWix1i6HSC9ega21nXhhOty0UbgrX09jQhssmXMPhXK?fbclid=IwAR2cFvZgJAJsm1zaaRVdb20vzGzZg1qnazTtW-9Bm25DIsiSkdIBEKdjNfo

But it's show error: userURL.split is not a function. Please help me to correct my code.

The Document.location read-only property returns a Location object. Try document.location.href or document.URL instead. Read Document.location. — hangindev.com
– hangindev.com, Commented Jun 11, 2020 at 7:55
i tried document.URL; const shared_token = userURL.split('/')[4].split('?')[0]; alert(shared_token); but gettinh error like "const shared_token = userURL.split('/')[4].split('?')[0]; alert(shared_token)". I need only take token part "%217y%2299%24SYE8FJ7s9oVWix1i6HSC9ega21nXhhOty0UbgrX09jQhssmXMPhXK" — Vardan Hambardzumyan
– Vardan Hambardzumyan, Commented Jun 11, 2020 at 10:11

mplungjan · Accepted Answer · 2020-06-11 11:24:22Z

2

Use location.pathname - that can be document.location or window.location - either will work for you: Location object

location.pathname.split("/").pop()

returns

%217y%2299%24SYE8FJ7s9oVWix1i6HSC9ega21nXhhOty0UbgrX09jQhssmXMPhXK

Using your code:

const userURL = document.location;
const shared_token = userURL.pathname.split('/').pop(); // take the last part of the  path
alert(shared_token)

NOTE In the example I use new URL() to make a URL from the URL you provided. You just need document.location

// const shared_token= location.pathname.split("/").pop() in your real code
const shared_token= new URL("http://www.something.com/earlyAccessPage/%217y%2299%24SYE8FJ7s9oVWix1i6HSC9ega21nXhhOty0UbgrX09jQhssmXMPhXK?fbclid=IwAR2cFvZgJAJsm1zaaRVdb20vzGzZg1qnazTtW-9Bm25DIsiSkdIBEKdjNfo")
  .pathname
  .split("/")
  .pop()
console.log(shared_token)

To get parameters AFTER the ? use

// const url = location
const url = new URL("http://www.something.com/earlyAccessPage/%217y%2299%24SYE8FJ7s9oVWix1i6HSC9ega21nXhhOty0UbgrX09jQhssmXMPhXK?fbclid=IwAR2cFvZgJAJsm1zaaRVdb20vzGzZg1qnazTtW-9Bm25DIsiSkdIBEKdjNfo")

const usp = new URLSearchParams(url.search)

const fbclid = usp.get("fbclid")

console.log(fbclid)

edited Jun 11, 2020 at 11:24

answered Jun 11, 2020 at 8:00

mplungjan

180k29 gold badges184 silver badges247 bronze badges

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

9 Comments

hangindev.com Over a year ago

From the code snippet provided in the question description, the shared_token is not in the search params

mplungjan Over a year ago

@Hangindev That is a variable name OP gave it. Please run the code

hangindev.com Over a year ago

I believe the questioner was trying to get "%217y%2299%24SYE8FJ7s9oVWix1i6HSC9ega21nXhhOty0UbgrX09jQhssmXMPhXK" part but not the "fbclid=IwAR2cFvZgJAJsm1zaaRVdb20vzGzZg1qnazTtW-9Bm25DIsiSkdIBEKdjNfo" part.

Vardan Hambardzumyan Over a year ago

can you help me to get only "%217y%2299%24SYE8FJ7s9oVWix1i6HSC9ega21nXhhOty0UbgrX09jQhssmXMPhXK" part?

mplungjan Over a year ago

@VardanHambardzumyan - I am doing exactly that. See update for explanation - Look in the first example location.pathname.split("/").pop()

|

CodeMind · Accepted Answer · 2020-06-11 08:13:22Z

1

this is wrong. document.location returns location object. you are try to split location object. so instead of that try to use const url = document.URL.

ref : Document.URL

 const userURL = document.URL;
 const shared_token = userURL.split('/')[4].split('?')[0];
 alert(shared_token)

edited Jun 11, 2020 at 8:13

answered Jun 11, 2020 at 7:58

CodeMind

6461 gold badge8 silver badges21 bronze badges

Comments

Always Learning · Accepted Answer · 2020-06-11 08:24:56Z

0

You get a Location object back from document.location which already splits up the url for you in handy ways. See the docs for details, but it looks like userURL.search would give you what's after the question mark. So your code could simply to:

// if you want the first value after the '?' you can do this:
const search = document.location.search;
const firstSearch = search ? search.substring(1).split("&")[0] : "";

// if you want the value immediately before the '?' you can do this:
const segments = document.location.pathname.split("/");
const lastSegment = segments[segments.length-1];

You can always use the original userURL.href but see the various parts of Location that are already prepared for you (like host, port, pathname and search).

edited Jun 11, 2020 at 8:24

answered Jun 11, 2020 at 8:11

Always Learning

5,6232 gold badges21 silver badges35 bronze badges

6 Comments

mplungjan Over a year ago

PS: OP is not looking for the search but what is just before the search

Always Learning Over a year ago

I agree that OP's code was getting the url segment before the '?' but given the variable name "shared_token" I expect they really are wanting what's after the '?'. however I've updated my answer to show getting both values.

Vardan Hambardzumyan Over a year ago

const segments = document.location.pathname.split("/"); const lastSegment = segments[segments.length-1]; I used this code but it return only "earlyAccessPage" I need to get only this part "%217y%2299%24SYE8FJ7s9oVWix1i6HSC9ega21nXhhOty0UbgrX09jQhssmXMPhXK"

Always Learning Over a year ago

what does document.location.pathname give you?

Vardan Hambardzumyan Over a year ago

first code give nothing, second one gives "earlyAccessPage"

|

Collectives™ on Stack Overflow

issue when trying to split url in js

3 Answers 3

9 Comments

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

9 Comments

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related