Split URL and Query Strings

Question

I want to get the part of a URL after the last / and before the querystring.

So far I had the last part of the URL, but I wasn't able to remove the querystring from the URL.

The Javascript:

<script type='text/javascript'>
 var url = window.location.href;
 var array = url.split('/');

 var lastsegment = array[array.length-1];
 document.write(lastsegment);
</script>

The structure of the URL is like this:

http://www.example.com/search/People?&results=latest

I only need the People part. How could that be possible within the above Javascript? Or is there any better way to do that?

this is one of the most often asked js-question i see on SO

john Smith
– john Smith

2014-02-21 14:45:02 +00:00
Commented Feb 21, 2014 at 14:45 — john Smith
– john Smith, Commented Feb 21, 2014 at 14:45

Danilo Valente · Accepted Answer · 2014-02-21 14:46:47Z

4

Try using window.location.pathname instead of window.location.href. It gets only the text between the server name and the query string (which is "/search/People" in your case):

var last_part = window.location.pathname.split('/').pop();

You can read more about pathname here.

edited Feb 21, 2014 at 14:46

answered Feb 21, 2014 at 14:40

Danilo Valente

11.4k8 gold badges55 silver badges71 bronze badges

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

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2014-02-21 14:39:27Z

2

Read Window.location

window.location.pathname.split('/').pop();

.pop()

answered Feb 21, 2014 at 14:39

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

2 Comments

Danilo Valente Over a year ago

The last part may not be the 3rd item of the array.

Danilo Valente Over a year ago

And your solution is very similar to mine.

Mudasir Ali · Accepted Answer · 2014-02-21 14:45:39Z

2

your code does the right thing, you could remove query strings by amending it a bit as;

var lastsegment = array[array.length-1];
if(lastsegment.indexOf('?'))
     lastsegment = lastsegment.split('?')[0];

UPDATE: To handle the case if there are no query string embedded at all.

answered Feb 21, 2014 at 14:45

Mudasir Ali

1281 silver badge11 bronze badges

Comments

davidkonrad · Accepted Answer · 2014-02-21 14:45:28Z

1

If you want to parse an URL from another origin than window.location :

var test = 'http://www.example.com/search/People?&results=latest';

var parts = test.split('/');
lastPart = parts[parts.length-1].split('?')[0];

lastPart is now "People"

answered Feb 21, 2014 at 14:45

davidkonrad

85.7k17 gold badges211 silver badges273 bronze badges

Collectives™ on Stack Overflow

Split URL and Query Strings

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related