How to change the URL param by JavaScript only?

Question

I need to change URL param (step=?) By JavaScript only.

My URL is,

http://domain.com/path/to/reach/5?step=1

I want to change the param 'step' by JavaScript only.

I need like this,

http://domain.com/path/to/reach/5?step=1
http://domain.com/path/to/reach/5?step=2
http://domain.com/path/to/reach/5?step=3

I use some validations (show/hide) via step param only.

So I need refresh also, but this changes should stable.

I found lot of examples, those all are done by jQuery.

But I need it, only on JavaScript.

@Praveen Kumar, Nope i'm not use that. What it does actually ? — Shankar Thiyagaraajan
– Shankar Thiyagaraajan, Commented Jan 2, 2017 at 13:00
Never mind. I gave a solution, which worked. But looks like you just chose an answer. :D — Praveen Kumar Purushothaman
– Praveen Kumar Purushothaman, Commented Jan 2, 2017 at 13:01

haim770 · Accepted Answer · 2017-01-02 12:10:11Z

5

You can use the (rather-new) URL api:

var url = new URL(location.href)
url.searchParams.set('step', '...')

var modifiedUrl = url.toString();

If you're concerned about browser support, consider using a polyfill:

See MDN

answered Jan 2, 2017 at 12:10

haim770

49.2k7 gold badges113 silver badges139 bronze badges

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

Comments

ricky · Accepted Answer · 2017-01-02 12:09:01Z

0

Use this code

location.search = " your query"

answered Jan 2, 2017 at 12:09

ricky

1,6841 gold badge13 silver badges25 bronze badges