142

I have some code like this,

<form id="abc">
  <input type="text" id="txt" />
</form>

and now I want to redirect like this,

var temp = $("#txt").val();
url = "http://example.com/" + temp;
window.location.replace(url);
// or window.location(url);

Is there anyway in jQuery to solve this? It still lets me have url = http://example.com.

Improve this question
2
  • Thank alot all of you! Now I still do not know what difference between window.location and window.location.replace. In my example I've just need to post url to my page like that: abc.com/abc to get abc to search in my database with abc is what user typing in put and press enter or button but they always return abc.com?name=abc so I think I can trigger in submit event to redirect and change my url to what I want but they still do nothing. That's all, by the way thank you again! Commented May 12, 2009 at 9:38
  • 3
    I explained the difference between window.location and window.location.replace here: stackoverflow.com/questions/846954/… Commented May 13, 2009 at 8:26

8 Answers 8

Reset to default
350

As mentioned in the other answers, you don't need jQuery to do this; you can just use the standard properties.

However, it seems you don't seem to know the difference between window.location.replace(url) and window.location = url.

  1. window.location.replace(url) replaces the current location in the address bar by a new one. The page that was calling the function, won't be included in the browser history. Therefore, on the new location, clicking the back button in your browser would make you go back to the page you were viewing before you visited the document containing the redirecting JavaScript.
  2. window.location = url redirects to the new location. On this new page, the back button in your browser would point to the original page containing the redirecting JavaScript.

Of course, both have their use cases, but it seems to me like in this case you should stick with the latter.

P.S.: You probably forgot two slashes after http: on line 2 of your JavaScript:

url = "http://abc.example/" + temp;
Improve this answer
Sign up to request clarification or add additional context in comments.

3 Comments

But to be very correct you should set window.location.href instead of window.location. While both work nowadays the latter is an object (and of course unsupported to assign a string to in an ancient IE version...)
@Victor That doesn’t list any ancient IE version where this breaks in. @bobince’s comment is correct: stackoverflow.com/a/10016109/96656#comment18225061_10016109
Minus 1. Not enough jQuery
51

tell you the true, I still don't get what you need, but

window.location(url);

should be

window.location = url;

a search on window.location reference will tell you that.

Improve this answer

Comments

17

jQuery does not have an option for this, nor should it have one. This is perfectly valid javascript and there is no reason for jQuery to provide wrapper functions for this.

jQuery is just a library on top of javascript, even if you use jQuery you can still use normal javascript.

Btw window.location is not a function but a property which you should set like this:

window.location = url;
Improve this answer

3 Comments

down vote for claiming jQuery does not have a method for this (even though it is unnecessary overkill and should not be recommended) $jq(window).attr("location","yourdomain.com"); or $(location).attr('href',url);
Upvoted to undo that downvote. Pim's response can easily read as "there is no specific method in jQuery for this." To downvote on lexical semantics is a misuse of that privilege.
Upvoted because you know... it is right "there is no specific method in jQuery for this.", why would you like to have a such ugly solution as: $jq(window).attr("location","yourdomain.com"); when you can have something like window.location = url;
14 
var temp="/yourapp/";
$(location).attr('href','http://abcd.example'+temp);

Try this... used as an alternative

Improve this answer

Comments

3

Try this...

$("#abc").attr("action", "/yourapp/" + temp).submit();

What it means:

Find a form with id "abc", change it's attribute named "action" and then submit it...

This works for me... !!!

Improve this answer

1 Comment

lol, that is some funny S! I like the idea though. Points for being creative!
0

If you really want to do this with jQuery (why?) you should get the DOM window.location object to use its functions:

$(window.location)[0].replace("https://www.google.it");

Note that [0] says to jQuery to use directly the DOM object and not the $(window.location) jQuery object incapsulating the DOM object.

Improve this answer

Comments

-1

You can do it like:

var url = "http://example.com/" + temp;
$(location).attr('href',url);
Improve this answer

Comments

-2

you can do it simpler without jquery

location = "https://example.com/" + txt.value


function send() {
  location = "https://example.com/" + txt.value;
}
<form id="abc">
  <input type="text" id="txt" />
</form>

<button onclick="send()">Send</button>

Improve this answer

5 Comments

It doesn't work, and I can't see how it could. location is not a global. window.location is. edit: Yep verified. It doesnt work, at least not in chrome. Consider updating your example to window.location
Strange - in my chrome, firefox, safari it works - the location is global property - e.g. when I type in chrome console: location = 'https://google.com' then it change page - do you try on other browsers?
@Shayne when you type this and this.location in console - what do you see?
this.location only works when "this" is referring to the window. Which is rarely going to be the case. Explicit is always better than Implicit, especially if you don't want to be surprised when your code isn't portable or reusable
Yes you're right - however I wonder: why in your browser this not refer to window object (and above snippet dont works) ? (in browsers global context it should be set to windows object)

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.