AJAX Pagination (asos, menkind, debenhams)
Hi guys.. this is my first post here (although I've been a long time reader). I was wondering if anyone could help me with an issue I've been trying to research for a long time.
A lot of the UK shopping sites now use AJAX for their pagination - this looks cool, and the page loads a lot faster, and doesn't bounce you to the top after paging or clicking a filter.
e.g. (I can't post links yet so please reform these yourself)
asos: /Men/Shoes/Cat/pgecategory.aspx?cid=4209
menkind: /gifts-and-gadgets-c112/food-gadgets-and-gifts-c7
debenhams: /men/coats-jackets
Ok, so changing the products with AJAX is straight forward enough.. but the hard bit for me is changing the URL simultaneously. This enables:
- back button usage, refresh, outlinking and bookmarking
- it works even when JS is disabled (so search bots can still spider it)
All 3 of these sites have a perfect implementation.. but my question is, how have they done this?
To me it seems like there is some secret JQuery plugin out there -- but if anyone has any ideas I would be very grateful to hear them.
Thanks
A lot of the UK shopping sites now use AJAX for their pagination - this looks cool, and the page loads a lot faster, and doesn't bounce you to the top after paging or clicking a filter.
e.g. (I can't post links yet so please reform these yourself)
asos: /Men/Shoes/Cat/pgecategory.aspx?cid=4209
menkind: /gifts-and-gadgets-c112/food-gadgets-and-gifts-c7
debenhams: /men/coats-jackets
Ok, so changing the products with AJAX is straight forward enough.. but the hard bit for me is changing the URL simultaneously. This enables:
- back button usage, refresh, outlinking and bookmarking
- it works even when JS is disabled (so search bots can still spider it)
All 3 of these sites have a perfect implementation.. but my question is, how have they done this?
To me it seems like there is some secret JQuery plugin out there -- but if anyone has any ideas I would be very grateful to hear them.
Thanks