Scott Tiger Tech Blog

Blog technologiczny firmy Scott Tiger S.A.

Archiwum dla Sierpień 7th, 2012

History API

Autor: Piotr Karpiuk o 7. sierpnia 2012

Przycisk „Wstecz” w przeglądarce niezbyt dobrze wpisuje się w świat współczesnych webowych aplikacji AJAXowych, które raczej już nie przeładowują całych stron, poprzestając na aktualizowaniu fragmentów drzewa DOM. Również pojęcie zakładki (ang. bookmark) w przypadku aplikacji Web 2.0 odnosi się do całej aplikacji, a nie jej stanu który dałoby się w postaci URLa przesłać koledze i odtworzyć na innym komputerze.

Wyobraźmy sobie że piszemy nowoczesną aplikację webową http://gallery.com służącą do wyświetlania galerii kolejno prezentowanych zdjęć, być może z jakimiś efektami. Obrazy mają być przesyłane AJAXem i podmieniane, bez przeładowywania całej strony. Wchodzące w skład standardu HTML5 History API pozwala zaprogramować aplikację tak, aby przycisk „Wstecz” przeglądarki wyświetlał poprzednie zdjęcie (zamiast kończyć pracę całej aplikacji i przechodzić do wcześniej oglądanej witryny, np. onet.pl). Co więcej, z chwilą wyświetlenia każdego obrazka będzie zmieniał się URL pokazywany w pasku adresu przeglądarki, dzięki czemu można takiego URLa wysłać koledze aby mógł od razu przejść do konkretnego zdjęcia, albo zrobić zakładkę. Takie rozwiązanie uczyni aplikację bardziej użyteczną i intuicyjną dla użytkownika przyzwyczajonego do witryn starego typu.

Po załadowaniu obrazka z URLa http://image?id=145 i wyświetleniu go użytkownikowi, aplikacja wykonuje polecenie:

Czytaj więcej »

Napisany w HTML5, JavaScript, WWW | Brak komentarzy »