Get value from url with javascript

Question

I have a programmes page which contains tags and subcategories. On clicking a tag, the url of the page changes to something like this:

localhost:3000/programmes/global-entrances/gre?tag_id=2&url=%2Ftag_sort%2F2%3Fcategory%3Dgre

Based on which tag has been clicked I want to change the tag color, so I need to get the tag_id value from the url.

First I checked whether the url contains a string called tag_id by doing this.

$(document).ready(function(){
    var url      = window.location.href; 
    substring = "tag_id";
    if(url.indexOf(substring) > -1){
          // if true then get the tag_id value 
    }
});

Now I got stuck with it.

I think you might be looking at stackoverflow.com/questions/901115/… — Chris
– Chris, Commented Feb 21, 2016 at 16:09
FYI params in the URL, starting with ? are available as location.search — pawel
– pawel, Commented Feb 21, 2016 at 16:16

Murad Hasan · Accepted Answer · 2016-02-21 16:36:37Z

0

Here is the shortcut to get the value of tag_id.

$(document).ready(function(){
    var url = "localhost:3000/programmes/global-entrances/gre?tag_id=2&url=%2Ftag_sort%2F2%3Fcategory%3Dgre";//window.location.href;
    var result = url.split("?")[1].split("&")[0].split("=")[1];
    alert(result);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

A jsfiddle link, test it.

This is only the quick and shortcut solution, if its work for you then let me know.

edited Feb 21, 2016 at 16:36

answered Feb 21, 2016 at 16:18

Murad Hasan

9,5932 gold badges23 silver badges43 bronze badges

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

Comments

Polyducks · Accepted Answer · 2016-02-21 16:44:30Z

0

We need our good old friend RegEx for this.

First, we get the url of the page by doing document.location.href. This will give you the URL of the page, and for off-site testing purposes you can replace 'document.location.href' with the URL as a string.

The regex tests for 'tag_id=', any characters, then the ampersand which connects the next value. Then we strip 'tag_id=' from the result, and slice off the end '&' - leaving you with the value at the end.

    var url = document.location.href;
    var regEx = /(tag_id=).+?&/g;
    var value = (url.match(regEx));
    value = value[0].replace("tag_id=", "");
    value = value.slice(0, -1);
    console.log(value);

answered Feb 21, 2016 at 16:44

Polyducks

2132 silver badges13 bronze badges

1 Comment

Polyducks Over a year ago

I should note that this will work for urls where 'tag_id' is not the last (or only) attribute passed by the URL.

Collectives™ on Stack Overflow

Get value from url with javascript

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related