Remove hash from url

Question

I am ajax-ifying pagination in one of my projects, and since I want users to be able to add bookmarks to the current page, I add the page number via a hash, say:

onclick="callPage(2); window.location.hash='p=2'; return false;" 

and thats on hyperlink it works fine and that’s all, except when the page number is 1, I don’t want the URL be /products#p=1 , I just want it to be /products

I tried these options:

• window.location.hash='' works, but the url now looks like /products# , and I'm not really a hash there.
• do not use window.location.hash at all, but when the user returns to page 1, for example, on page 3, he is on the first page, but the url is still /products#p=3 , since I did not bother with the hash.
• A Google search on this led me to several minutes (about 15) of stupid forums where the question was asked correctly, but the answers suggested that the page skipped because the creator of the stream had a hash in href like <a href="#"> , and it should use javascript:void(0) instead. (have they never heard of Ajax?)

So, finally, I decided to make this thread, here I found several similar threads, but all the answers are very similar to my second point.

so my big question still remains the question: how to remove the hash from the url and possibly from the universe? (only for the first page!)

Answer 1

Updated answer :

The best way to achieve this is to follow the Homero Barbosa answer below :

 history.pushState("", document.title, window.location.pathname); 

... or, if you want to save the search parameters:

 history.pushState("", document.title, window.location.pathname + window.location.search); 

Original answer, do not use this, badwrongfun :

 var loc = window.location.href, index = loc.indexOf('#'); if (index > 0) { window.location = loc.substring(0, index); } 

... but this refreshes the page for you, which seems a little rude after you just arrived there. Grin and the bear seem to be the best option.

Answer 2

 history.pushState("", document.title, window.location.pathname); 

Answer 3

 var urlWithoutHash = document.location.href.replace(location.hash , "" ); 

Answer 4

 function removeHash () { var scrollV, scrollH, loc = window.location; if ("pushState" in history) history.pushState("", document.title, loc.pathname + loc.search); else { // Prevent scrolling by storing the page current scroll offset scrollV = document.body.scrollTop; scrollH = document.body.scrollLeft; loc.hash = ""; // Restore the scroll offset, should be flicker free document.body.scrollTop = scrollV; document.body.scrollLeft = scrollH; } } 

Answer 5

Worked great for me

 $(window).on('hashchange', function(e){ window.history.pushState("", document.title, window.location.pathname); // do something... });