How can I change the page URL without refreshing the page

Question

I've built a website 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 http://www.example.com/controller/function/param
And another URL : http://www.example.com/controller/function/param2

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

Answer 1

Hello @kartik,

This is simple you just need change the URL In HTML5 as :

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

Hope this is helpful!

Thank You!!