Get data from URL address

Question

I have a website like below:

localhost:3000/D129/1

D129 is a document name which changes and 1 is section within a document. Those two values change depends on what user selects. How do I just extract D129 part from the URL using javascript?

Duplicates: [how to get the parameter from a url?](http://stackoverflow.com/questions/5321468/how-to-get-the-parameter-from-a-url) and [Last segment of URL](http://stackoverflow.com/questions/4758103/last-segment-of-url) and others... — Yogi, Apr 18 '16 at 19:20

score 1 · Accepted Answer · answered Apr 18 '16 at 19:07

1

window.location.pathname.match(/\/([a-zA-Z\d]*)/)[1]

^ that should get you the 1st string after the slash

var path = "localhost:3000/D129/1";

alert(path.match(/\/([a-zA-Z\d]*)/)[1])

answered Apr 18 '16 at 19:07

Tuvia

859
4
15

It seems like .pathname is only returning "/". Is this a correct way of accessing the URL? – Kahsn Apr 18 '16 at 19:12
@Kahsn what is the current path of your page? if you are on the root page then there is no path. Maybe you meant to get `window.location.hash` instead? – Tuvia Apr 18 '16 at 19:13
It is root of my app. And yes hash is returning #/d129/1. Do I just split this? or should I do the regex match? – Kahsn Apr 18 '16 at 19:16
@Kahsn use regex (i _think_ it is faster than split) – Tuvia Apr 18 '16 at 19:17
Any recommendation to make your regex work btw? I try users and I only get "i" as a result. – Kahsn Apr 18 '16 at 19:18
What is the sting you are trying to match @Kahsn ? – Tuvia Apr 18 '16 at 19:20
Oops. I had a wrong URL for you sry. What I actually have is `http://localhost:3001/#/D-129/1`. My bad. I try to match D-129 – Kahsn Apr 18 '16 at 19:21
So just add `- ` to the regex `/\/([a-zA-Z\d\-]*)/` – Tuvia Apr 18 '16 at 19:24
Thanks for much help! – Kahsn Apr 18 '16 at 19:32
No problem :-) Happy to help! – Tuvia Apr 18 '16 at 19:32

score 0 · Answer 2 · edited May 23 '17 at 12:31

0

You can use .split() and [1]:

a = "localhost:3000/D129/1";
a = a.split("/");
alert(a[1]);

This works if your URLs always have the same format. Better to use RegEx. Wanted to answer in simple code. And if you have it with http:// or something, then:

a = "http://localhost:3000/D129/1";
a = a.split("/");
alert(a[3]);

ps: For the RegEx version, see Tuvia's answer.

edited May 23 '17 at 12:31

Community

1
1

answered Apr 18 '16 at 19:07

Praveen Kumar Purushothaman

164,888
24
203
252

Get data from URL address

2 Answers2