Question

I have implemented javascript code to solve ajax history problem
Everything is working fine there no problem in it but I want to improve this code

As an example

When user see page (URL : http://www.example.com/pages/about) and
if user click contact page I append hash code to url like this

window.location.hash="!"+hash;

so the URL will look like http://www.example.com/pages/about#!contactus

whenever user clicks the page hash code will be change

If user press back button or go back in anyway hash will be changed as you all know already

using that hash change content of my web site

so back to main point what I want to do is don’t want to append hash at address bar
(something like Facebook do {you can see this in latest browser})

Answer 1

You should look at new History API additions in HTML5. There’s a somewhat long introduction from “Dive into HTML5” book but I like it a bit more than MDN article.

Also there’s a great library called History.JS that abstracts away the differences between the new API and old hash-based approach. I also works around many incompatabilities among browsers which is great! It works with jQuery, Prototype, MooTols and Zepto.