Parsing hash url to object in JavaScript?

Question

I would like to execute a process on the page load depending on what the hash in the URL is. I think I will need RegEx because I am looking for a pure JavaScript solution (no library dependencies).

What I am trying to do is if the hash is "#/products", then I will call "myIndex()" else if the hash is "#/products/3", then I will call "myDetail(id)" where "id" is a variable to the product number.

Anybody have a good idea on how to achieve this?

Mathias Bynens · Accepted Answer · 2012-03-04 17:07:37Z

5

Here’s a solution that checks for the literal string '#/products' first, avoiding the regular expression where it’s unnecessary.

var hash = location.hash,
    regexID = /^#\/products\/(\d+)$/,
    matches;

if (hash == '#/products') {
  myIndex();
} else if (matches = hash.match(regexID)) {
  myDetail(matches[1]);
}

edited Mar 4, 2012 at 17:07

answered Mar 4, 2012 at 17:02

Mathias Bynens

151k54 gold badges224 silver badges254 bronze badges

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

Collectives™ on Stack Overflow

Parsing hash url to object in JavaScript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related