How can we change the page URL without refreshing the page

Question

How do I change the URL without refreshing the page?

I've built a website with CodeIginer and I want to implement AJAX and JQuery in one of my pages. The problem is; when I load the content, the URL doesn't change.

Let's say that I have the URL https://www.edureka.co/controller/function/param
And another URL : https://www.edureka.co/controller/function/param2

How can I change the first URL to the second one when I click a button?

Answer 1

Hello @kartik,

 In HTML5 you can change the URL:

window.history.pushState("object or string", "Title", "/new-url");

Thank You!!