Getting ID from URL using JavaScript

Question

I`m new to JavaScript and I need some help extracting the ID from URL using JavaScript for a gallery.

This is the link: www.shinylook.ro/produs/44/mocasini-barbati.html.

I need that number 44 in a variable.

@Esailija: Except this isn't flagged with jquery, and the number isn't at the end of the URL. Many of the answers there rely on one or the other of those. — T.J. Crowder
– T.J. Crowder, Commented Jun 26, 2012 at 15:04
@Esailija: No, I'm not: This answer is precisely useless if the OP isn't using jQuery, just as the accepted answer is useless for this questioner (as it relies on the number being the last thing in the URL). — T.J. Crowder
– T.J. Crowder, Commented Jun 26, 2012 at 15:13
@Esailija: We just disagree. :-) (I didn't call it a "crime" -- that would have been way overstating it if I had.) — T.J. Crowder
– T.J. Crowder, Commented Jun 26, 2012 at 16:21

Calvein · Accepted Answer · 2012-06-26 15:00:53Z

12

You have to use the location object to get the URL, after that, you can use split to split the URL on the slashes.

location.pathname.split('/')[2] // Returns 44 in your example

answered Jun 26, 2012 at 15:00

Calvein

2,12113 silver badges28 bronze badges

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

2 Comments

user1483138 Over a year ago

This is what i had for this kind of link shinylook.ro/product.php?id=44 function transferaId() { var v = {}; var foo = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, cheie, val) { v[cheie] = val; }); return v; }

Calvein Over a year ago

Foe this example, you can use this location.search.replace('?id=', '')[1]

T.J. Crowder · Accepted Answer · 2012-06-26 15:04:45Z

5

You can do that with String#split or with a regular expression.

String#split lets you split a string on a delimiter and get an array as a result. So in your case, you could split on / and get an array where 44 would be at index 2.

Regular expressions let you do much more complicated matching and extraction, as shown by the various demos on the linked page. For instance,

var str = "www.shinylook.ro/produs/44/mocasini-barbati.html";
var m = /produs\/(\d+)\//.exec(str);
if (m) {
    // m[1] has the number (as a string)
}

In both cases, the number will be a string. You can parse it with parseInt, e.g. n = parseInt(s, 10) (assuming it's base 10).

edited Jun 26, 2012 at 15:04

answered Jun 26, 2012 at 14:58

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

2 Comments

pimvdb Over a year ago

Could you please elaborate on what the m[1] guard is for? I think it is redundant with the + quantifier.

T.J. Crowder Over a year ago

@pimvdb: It was indeed, thank you. Doh! I do tend to be a belt-and-braces guy, but that was OTT. :-)

Collectives™ on Stack Overflow

Getting ID from URL using JavaScript

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related