Ajax pagina's bookmarken

Wanneer je een ajax request uitvoert, kom je, over het algemeen, op een pagina terecht die je niet zomaar kan bookmarken.
met dit script toon ik hoe je variabelen kan meegeven die enkel bestemd zijn voor javascript.
Die worden in de url na de # gezet. Deze string wordt niet meegestuurd naar de server. Het veranderen van die string in de adresbalk zorgt er ook niet voor dat de pagina wordt ververst.
met die variabelen kan je dan ajax requests uitvoeren.
Voor het gemak gebruik ik strings zoals we ze gewoon zijn in de urlbalk, bv. index.php?pagina=profiel#action=get_profiel&lid=5 ( Merk op, enkel met &, niet met ? bij de eerste var).


Op deze manier kan je dus een url opslaan/bookmarken/doormailen/... en krijg je telkens weer de zelfde pagina terug.
Merk ook op dat de links als visited komen te staan, wanneer je er op klikt (voor zover je dat effect in css niet uitschakelt)

Dit is slechts het uiterste minimum. Voel je vrij om dit uit te breiden.
Denk je iets interessants te kunnen toevoegen, contacteer me gerust.

Ik hoop dat de voorbeelden alles duidelijk maken.

Edit : Ondertussen is de functie veranderd.
Het script reageert nu ook op op de back- en forward knop (misschien werkt dit laatste niet in IE).

Voorbeeld: http://www.manutechnica.com/tutorials/phphulp/ajax_navigatie

Gesponsorde koppelingen

PHP script bestanden

1. ajax-paginas-bookmarken

Er zijn 6 reacties op 'Ajax paginas bookmarken'

PHP hulp
0 seconden vanaf nu

 

Gesponsorde koppelingen

M Ypma
19 jaar geleden

 

0 -0

Grappig, maar had wel verwacht dat je alle standaard browser functionaliteiten zou ondersteunen, mijn back en forward knop werkt bijvoorbeeld niet meer bij je voorbeelden.

Emmanuel Delay
19 jaar geleden

 

0 -0

Ah ja, niet aan gedacht.
Dat is ook wel op te vangen.
Ik zal eens zien of ik dat kan toevoegen.

Kumkwat Trender
19 jaar geleden

 

0 -0

Nice,
Hmm ik moet dit voor alle standaard browser functionaliteit hebben :D
Pm me wanneer je het toegevoegd heb =D

Emmanuel Delay
19 jaar geleden

 

0 -0

Zo simpel is dat toch niet. Heeft iemand daar ervaring mee? Wat ik zoek, is een manier om op te vangen wanneer de back (en forward-) knop wordt gebruikt. Ik kan wel een '<---' toets opvangen, maar die knoppen zijn lastiger.

19 jaar geleden

 

0 -0

Toevallig wel ja ;-)
http://www.contentwithstyle.co.uk/content/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps

PHP hulp
0 seconden vanaf nu

 

Gesponsorde koppelingen

Emmanuel Delay
19 jaar geleden

 

0 -0

Thanks.
Ah ja, constant peilen of de url nog de zelfde is. Het enige probleem lijkt me dan wanneer je de url zelf intypt, maar ja, als het dat maar is...

Okay, het script is aangepast.
Ik heb een aantal dingen van plaats veranderd. Nu geef je een callback mee met de constructor. Zie code...

Die timer class (Of hoe moet je zo-ets noemen in javascript) is trouwens zalig.
Met de gewone setTimeout kom je vlug in problemen met objecten.