CODEWITHSUNDEEP
javascripthtmlgoogle-chromesingle-page-applicationhashbang
Tim
Tim

Reputation: 5691

Dynamic web application without hashbang #!

How is it possible that web applications like Google Maps and Mixcloud update their urls without the use of a hashbang (also known as #!)?

Notice for example the coordinates right after the @ sign in the URL while swiping the view in Google Maps. Or note that the music keeps playing while following some links.

I'm looking for a programmatic way to achieve the same functionality and I would also like to know how this works.

Upvotes: 1

Views: 166

Answers (2)

Matthew
Matthew

Reputation: 639

The HTML5 history API is a standardized way to manipulate the browser history via script. Part of this API — navigating the history — has been available in previous versions of HTML. The new parts in HTML5 include a way to add entries to the browser history, to visibly change the URL in the browser location bar (without triggering a page refresh), and an event that fires when those entries are removed from the stack by the user pressing the browser’s back button. This means that the URL in the browser location bar can continue to do its job as a unique identifier for the current resource, even in script-heavy applications that don’t ever perform a full page refresh.

Source: http://diveintohtml5.info/history.html

Upvotes: 3

FreshWaterTaffy
FreshWaterTaffy

Reputation: 270

Have you taken a look at ASP.Net MVC? It uses the single page application concept. I'm not entirely sure what you're looking for but this is a good example: http://www.microsoftvirtualacademy.com/training-courses/introduction-to-asp-net-mvc

You also might want to look at AngularJs, which makes routing urls really easy.

Upvotes: 0

Related Questions