使用AJAX功能更新URL

Question

Is it possible to make an AJAX function that can pass a variable to the URL without refreshing the page?

You see I have a graph being rendered to my page using the Highcharts API. It knows which graph to render by checking what variable is in the URL.

So the idea is I can make buttons on the page that will update the URL seamlessly and therefore update the graph seamlessly. No refreshing required.

Answer 1

Using HTML5 History-API. Push a new state into the history. Have a look at the demos at history.js ( https://github.com/browserstate/history.js/ )

EDIT: for jquery you can use jQuery Address: http://www.asual.com/jquery/address/