How to get the current URL in jQuery?

Question

I am using jQuery. I'd like to get the path of the current URL and assign it to a variable.

Example URL:

    http://localhost/menuname.de?foo=bar&number=0"

Answer 1

$(document).ready(function() {
    // to show it in an alert window
    alert(window.location);

    // to store it in a variable
    var loc = window.location;
});

window.location is standard JavaScript and does not require jQuery.

Answer 2

You'll want to use javascript's built-in window.location object:

Answer 3

To get the path, you can use window.location.pathname:

$(document).ready(function() {
    var pathname = window.location.pathname;
});

Answer 4

There is also a plugin: http://projects.allmarkedup.com/jquery_url_parser/index.php

Answer 5

If you need the hash parameters present in the URL, window.location.href may be a better chose.

window.location.pathname => /search

window.location.href => www.website.com/search#race_type=1

Answer 6

Just add this function in javascript and it will return the absolute path of the current path

function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}

Hope it works for you

Answer 7

In pure jQuery style :

$(location).attr('href');

The location object has also other properties like host, hash, protocol, pathname, etc.

Answer 8

Try this jquery plugin http://allmarkedup.com/journal/2008/08/jquery-url-parser-v10/

Answer 9

for host name only use

window.location.hostname

Answer 10

Hi there, this is mostly what I need, thanks for sharing.

However I'm a n00b.