redirect user to current page with some querystring using javascript

Question

Hi,

When a person clicks on a link, I want to do this:

1. grab the text from a textbox
2. encode the text
3. redirect to currentpage.aspx?search=textboxvalue

I have this so far but its not working:

window.location.href = "?search=" + escape( $("#someId").val());

Answer 1

What part isn't working?

Try encodeURI() rather than escape().

Answer 2

you need to prepend the actual base url

window.location.href = window.location.href + "?search=" + escape( $("#someId").val());

Answer 3

window.location.href = window.location.href + "?search=" + escape( $("#someId").val()); ?

Answer 4

How about:

window.location = "/currentpage.aspx?search=" + escape( $("#someId").val());

or

window.location = window.location.pathname + "?search=" + escape( $("#someId").val());

Etc...

Answer 5

$("a").click(function() {

 document.location.href += "?search=" + encodeURIComponent($("#myTextBox").val());


});

Answer 6

$(document).ready(function(){ $('a').click(function(e){

    window.location = "?search=" + encodeURIComponent(

$("#someId").val());

    //this line of code is intended for older ie and might work,
    //cuz i dont remember it exactly
    e.stopPropagation();

    return false;
}); });

Answer 7

The problem with appending something to window.location.href is what if you have already done that? You'll just keep appending "?search=..." multiple times. More importantly, it's more complicated than it needs to be.

You're already using jQuery. Why not just do this?

<form id="search" method="get">
<input type="text" name="search">
</form>
<a href="#" id="go">Search</a>

with:

$(function() {
  $("#go").click(function() {
    $("#search").submit();
    return false;
  });
});

and then you don't have to worry about the right URL, encoding, etc.

Answer 8

You are changing the wrong location property if you only want to change the search string. I think you want to do this:

location.search = "?search=" + encodeURIComponent( $("#someId").val());