Get path and query string from URL using javascript

Question

I have this:

http://127.0.0.1:8000/found-locations/?state=--&km=km

I want this:

found-locations/?state=--&km=km

how do i do this in javascript?

I tried window.location.href but it is giving me whole url
I tried window.location.pathname.substr(1) but it is giving me found-locations/

See this question: http://stackoverflow.com/questions/441755/regular-expression-to-remove-hostname-and-port-from-url — thebreiflabb, May 04 '13 at 16:29

score 116 · Accepted Answer · answered May 04 '13 at 16:30

116

Use location.pathname and location.search:

(location.pathname+location.search).substr(1)

answered May 04 '13 at 16:30

Gumbo

643,351
109
780
844

1

What is the browser support for this, I found: https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/search – Christophe Roussy Jun 21 '17 at 13:36
2

What is `.substr(1)` for? – Amit Tripathi Aug 19 '17 at 05:13
4

@AmitTripathi the `.substr(1)` is to remove the slash at the start – Frankusky Aug 20 '17 at 18:01

score 58 · Answer 2 · edited Oct 09 '17 at 16:56

58

window.location.pathname + window.location.search

Will get you the base url /found-locations plus the query string ?state=--&km=km

edited Oct 09 '17 at 16:56

Sam R.

16,027
12
69
122

answered May 04 '13 at 16:31

Miles Wilson

851
6
4

score 14 · Answer 3 · answered Jul 02 '19 at 04:12

14

If your url is a string, you can create URL object and use pathname and search property.

 let strurl = 'http://www.test.com/param1/param2?test=abc';
 let url = new URL(strurl)
 let pathandQuery = url.pathname + url.search;

let strurl = 'http://www.test.com/param1/param2?test=abc';
let url = new URL(strurl)
let pathandQuery = url.pathname + url.search;

console.log(pathandQuery);

answered Jul 02 '19 at 04:12

Hien Nguyen

24,551
7
52
62

[Not supported by IE](https://developer.mozilla.org/en-US/docs/Web/API/URL/URL) – SandRock Nov 26 '20 at 19:13

score 7 · Answer 4 · answered Nov 07 '20 at 10:19

7

get all path, query and even hash: location.href.replace(location.origin, '')

answered Nov 07 '20 at 10:19

Iceberg

2,744
19
19

score 4 · Answer 5 · answered May 04 '13 at 16:29

4

URI.js is a nice JavaScript library for parsing URIs. It can do what you requested with a nice fluent syntax.

answered May 04 '13 at 16:29

Ivailo Karamanolev

799
7
20

Get path and query string from URL using javascript

5 Answers5

Linked

Related