jQuery: intercepting out going link and adding parameters

Question

When a user clicks a link on my page, I need to, before it gets actioned by the browser, add the param Hello=True to the url.

So, the user clicks MyPage.aspx in and gets sent to MyPage.ASPX?Hello=True instead.

Has to be client side, preferably using jQuery

I can add an attribute to the tags if needed.

Ian

Answer 1

You can change all the links on your page like so:

$("a").each(function() {
    $(this).attr("href", $(this).attr("href") + '?Hello=True'));
}

If you want to redirect the user with those added parameters upon clicking a hyperlink:

$("a").click(function(e) {
    e.preventDefault();
    window.location.href = $(this).attr("href") + '?Hello=True';
}

Answer 2

You can't change URL with JavaScript without redirecting.

You can use window.location=url;

And also you may want to look this site : http://ajaxpatterns.org/Unique_URLs

Answer 3

if you need all links to be manipulated, use this:

$('a').each(function() {
  var href = this.href;
  if (href.indexOf('?') != -1) {
    href = href + '&Hello=True';
  }
  else {
    href = href + '?Hello=True';
  }
  $(this).attr('href', href);
});

Answer 4

A cleaner/shorter/better version of @Jan Willem B's version:

$('a').each(function(){ 
    var sep = (this.href.indexOf('?') != -1) ? '&' : '?'; 
    $(this).attr('href', href + sep + 'Hello=True'); 
});

You could also place the statement in a single line, sacrificing readability:

$('a').each(function(){ 
    $(this).attr('href', href + ((this.href.indexOf('?')!=-1)?'&':'?') + 'Hello=True'); 
});

That's that