Question

I’m trying to make an Ajax Web Application that uses bread-crumbing to allow the use of the Back and Forward Buttons, but still have that slick ajax page movement.

An excellent example is Facebook’s image gallery.

When you click ‘Next’ the URL changes to the respective URL but the entire page does not update. It’s a really smooth interface and I’d like to mimic that.

Anyone got a tutorial/write up on how this works?

Thanks.

Answer 1

Facebook uses the URL-Anchor-Identifier to store the code needed for their AJAX code. This allows changing the URL without having the website reloaded.

Example: http://somedomain.com/#ajax_data_here

Now it’s to you to write a smart format for your ajax data and to parse that data.

---

Update Dec 2012:

I’ve recently encountered the following method for changing the path within the URL without reloading. Although it only works with newer browsers, I thought I’d append it:

• Modify the URL without reloading the page