Search code examples
javascriptlocation

Get values of parameters from URL

I’m working on a tool which takes the value parameters in the URL and does a few things with them.

My issue is, I can’t seem to use document.location to show the specific value that I’m after, for example:

www.examplesite.com?yourname=gilgilad

I want to use document.location.search and put it in a var, I need that var's value to be "gilgilad".

Is this even possible using location.search?

Solution

  • location.search will return all after question mark including it. So there is universal js to get value of the first parameter (even if url has more parameters):

    var desire = location.search.slice(1).split("&")[0].split("=")[1]

    Example: let's take url http://example.com?name=jon&country=us

    1. location.search will be equal to ?name=jon&country=us
    2. .slice(1) skips the ?, returning the rest of the string.
    3. .split("&")[0] splits it into two strings (name=jon and country=us) and takes first one
    4. .split("=")[1] splits name=jon into name and jon and takes the second one. Done!