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
<         


        

Answer 1

window.location.pathname + window.location.search

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

Answer 2

Use location.pathname and location.search:

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

Answer 3

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

Answer 4

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);

Answer 5

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