Question

When I use the following link in my browser, a record is populated in the form on this page to edit.

http://vcred.dev/#personal/myacademicdetail?record_id=15

When I click ‘SAVE’ button, record is successfully updated in database and form with updated values is still in front of me. It is OK for me. But I have only one problem after form is posted. In Address bar URL is still same as before post.

http://vcred.dev/#personal/myacademicdetail?record_id=15

But I want short URL without params in address bar after my form is posted like this:

http://vcred.dev/#personal/myacademicdetail

How it is possible using javascript?

Answer 1

Since you are using a hash in the URL, you could do the following in JavaScript:

location.href = location.protocol + "//" + 
                location.host + 
                location.pathname + 
                location.hash.split('?')[0];

This will not cause a page refresh, as described in this Stack Overflow post: How do I, with javascript, change the URL in the browser without loading the new page?