JS how to take parameter name from URL

Question

I am currently in a page that its url is http://localhost:49852/Default.aspx?MID=17

in this page i have the following code

<a href="Configure.aspx"><span class="ico gray shadow gear"></span>Configure</a>

I would like that once the user will click on Configure link the MID parameter from the URL will be cropped and the user will be redirected to

http://localhost:49852/Configure.aspx?MID=17

This is the JS Code

function getParameterByName(name) {
    var match = RegExp('[?&]' + name + '=([^&]*)')
            .exec(window.location.search);
    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}

How do i bind it all together?

Joel Etherton · Accepted Answer · 2012-11-14 14:20:28Z

3

First I think you should give your href an id for easy access like:

<a href="Configure.aspx" id="configure"><span class="ico gray shadow gear"></span>Configure</a>

Then you should be able to change the property with:

$(function() {
    var href = $("#configure").attr("href");
    $("#configure").attr("href", href + getParameterByName("MID"))
});

This will change the actual href. You could probably just as easily override the click method, but this might be more extensible if you want to change it from the configure link to all links or something.

answered Nov 14, 2012 at 14:20

Joel Etherton

37.5k10 gold badges92 silver badges106 bronze badges

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

2 Comments

cillierscharl Over a year ago

clean! would prefer this method.

Christofer Eliasson Over a year ago

Cleaner solution than using a click-event listener like in my example +1

Christofer Eliasson · Accepted Answer · 2012-11-14 14:21:11Z

0

You could attach a click-event listener on the element, and when clicked, you modify window.location to perform the redirect. Something like this:

$(function () {
   // You might need to use a better selector here, 
   // add an ID to the span element and select on that instead
   $("span.ico").on("click", function () {
      window.location.href = "Configure.aspx?MID=" + getParameterByName("MID");
      return false;
   });
});

answered Nov 14, 2012 at 14:21

Christofer Eliasson

34k7 gold badges77 silver badges103 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:48:54Z

0

You can parse the MID from QueryString with this nice function as explained at Parse query string in JavaScript and build a new URL with it.

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        if (decodeURIComponent(pair[0]) == variable) {
            return decodeURIComponent(pair[1]);
        }
    }
    console.log('Query variable %s not found', variable);
}

like ;

var mid = getQueryVariable(MID);
var url = 'http://localhost:49852/Configure.aspx?MID='+mid;
location.href=url;

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Nov 14, 2012 at 14:24

Erdinç Çorbacı

1,21315 silver badges17 bronze badges

Collectives™ on Stack Overflow

JS how to take parameter name from URL

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related