How to remove or change .html extension in my url using javascript or jQuery? [duplicate]

Question

My html page url is www.example.com/training/product.html. I want to change my url like to www.example.com/training/product. Is it possible using javascript or Jquery? How?

Answer 1

Sorry I can not comment due to Reputation-Restriction.

The right solution is not yet in the comments.

window.history.replaceState()

does the job.

I would do:

var link = 'www.example.com/training/product.html';
link.split('.html')[0];
window.history.replaceState( null, null, link );

For a more respected solution go to How to reliably get the filename without the suffix in javascript?

Link:

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history#The_replaceState().C2.A0method

Answer 2

You can do that by using MVC. This can not be done by Javascript. This needs to be done on server side.