Ajax_Niezbednik_projektanta_dynamicznych_aplikacji_ajaxnp.pdf

(723 KB) Pobierz
Ajax. Niezbêdnik
projektanta
dynamicznych aplikacji
Autor: Michael Morrison
T³umaczenie: Maciej Jezierski
ISBN: 978-83-246-1393-9
Tytu³ orygina³u:
Ajax Construction Kit:
Building Plug-and-Play Ajax Applications
(Negus Live Linux Series)
Format: 170x230, stron: 280
Wykorzystaj gotowe rozwi¹zania w technologii AJAX!
Jak wykorzystaæ technologiê AJAX?
Jak wykonaæ najczêœciej spotykane zadania?
Jak zwiêkszyæ interaktywnoœæ serwisów WWW?
Technologia AJAX (skrót od ang. Asynchronous JavaScript and XML) pozwala
na tworzenie dynamicznych stron WWW, dostarczaj¹cych niezapomnianych wra¿eñ
ich u¿ytkownikom. Praktycznie wszystkie wspó³czesne aplikacje WWW oraz du¿a czêœæ
witryn internetowych korzystaj¹ z dobrodziejstw tego rozwi¹zania, a jeszcze dziœ
równie¿ i Twoja strona mo¿e zyskaæ na interaktywnoœci.
Dziêki ksi¹¿ce
„Ajax.
Niezbêdnik projektanta dynamicznych aplikacji” poznasz zasady
dzia³ania technologii AJAX, jej zalety oraz wady. Autor prezentuje dziesiêæ przyk³adów
zastosowania technologii AJAX. Dziêki nim nauczysz siê miêdzy innymi, w jaki sposób
pobieraæ dane z kana³ów RSS, jak wykorzystaæ format XML oraz jak kontrolowaæ
wprowadzane przez u¿ytkownika dane w czasie rzeczywistym. Najwa¿niejsze jest
jednak to, ¿e ka¿de z tych praktycznych rozwi¹zañ mo¿esz zaimplementowaæ
bezpoœrednio na Twojej stronie!
Zalety technologii AJAX
Przyk³adowe rozwi¹zania, korzystaj¹ce z AJAX
Sposoby u¿ywania formatu XML
Zasady funkcjonowania technologii AJAX
Tworzenie interaktywnych formularzy
Sposoby wykorzystania kana³ów RSS
Dynamiczne pobieranie danych z innych serwisów
Sposób na efektown¹ galeriê
Tworzenie okien informacyjnych
Przewidywanie treœci wprowadzanych przez u¿ytkownika
Metody i w³aœciwoœci obiektu XMLHttpRequest
Przysz³oœæ technologii AJAX
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Twoje strony te¿ mog¹ byæ interaktywne!
Spis treści
Podziękowania .............................................................................. 10
O autorze ....................................................................................... 11
Wstęp ............................................................................................. 13
Część I
Rozdział 1.
Obóz szkoleniowy Ajaksa ........................................ 17
Ajax i nowy wspaniały
świat
sieci WWW .................................... 19
Obiad z Ajaksem ............................................................................................... 20
Ajax, Sting i asynchronia .................................................................................. 21
Przeładowywać czy nie przeładowywać .......................................................... 22
Czym właściwie jest Ajax? ............................................................................... 24
Ajax w rzeczywistości ....................................................................................... 24
Ajax nie nadaje się do wszystkiego .................................................................. 28
Ponowne spojrzenie na kalkulator kosztów dostawy ...................................... 29
Podsumowanie .................................................................................................. 32
Wewnątrz aplikacji ajaksowej ..................................................... 33
Jak działa Ajax ................................................................................................... 34
Cykl
życia żądania
ajaksowego ........................................................................ 37
Zapoznanie z biblioteką ajaksową .................................................................... 40
Budowa przeglądarki książek elektronicznych ............................................... 45
Dopasowanie przeglądarki książek .................................................................. 50
Podsumowanie .................................................................................................. 51
5
Rozdział 2.
Spis tre
ś
ci
Część II
Rozdział 3.
Tworzenie prawdziwych aplikacji ajaksowych ........53
Dynamiczne
ładowanie
danych:
przeglądarka książek oparta na XML-u ...................................... 55
Zadanie: wczytywanie danych w mniejszych fragmentach ............................ 56
Projekt: przeglądarka książek w formacie XML ............................................. 58
Implementacja przeglądarki książek ............................................................... 63
Testowanie przeglądarki książek ..................................................................... 76
Przerabianie przeglądarki książek ................................................................... 78
Podsumowanie .................................................................................................. 79
Wykorzystanie Ajaksa
do dynamicznego wypełniania list: lista akcji ........................... 81
Zadanie: wyświetlanie informacji o wybranych akcjach ................................. 82
Projekt: aplikacja do wyboru akcji ................................................................... 84
Implementacja aplikacji Inwestor ................................................................... 89
Testowanie aplikacji Inwestor ......................................................................... 98
Przerabianie aplikacji Inwestor ..................................................................... 100
Podsumowanie ................................................................................................ 102
Pobieranie danych z kanałów RSS ............................................ 103
Zadanie: dynamiczne odpytywanie kanałów informacyjnych .................... 104
Projekt: aplikacja do odczytu wiadomości ..................................................... 106
Implementacja aplikacji Czytnik wiadomości ............................................... 112
Testowanie aplikacji Czytnik wiadomości ..................................................... 121
Przerabianie aplikacji Czytnik wiadomości ................................................... 123
Podsumowanie ................................................................................................ 124
Odgadywanie myśli użytkownika
za pomocą autouzupełniania .................................................... 125
Zadanie: przewidywanie wprowadzanych danych ....................................... 126
Projekt: aplikacja z automatycznym uzupełnianiem ..................................... 128
Implementacja aplikacji Uzupełniacz ........................................................... 132
Testowanie aplikacji Uzupełniacz ................................................................. 138
Przerabianie aplikacji Uzupełniacz ............................................................... 139
Podsumowanie ................................................................................................ 140
Tworzenie interaktywnego interfejsu użytkownika
ze sprawdzaniem poprawności ................................................. 141
Zadanie: sprawdzanie poprawności danych
wprowadzanych przez użytkownika w czasie rzeczywistym ..................... 143
Projekt: aplikacja Sprawdzacz ........................................................................ 145
Implementacja aplikacji Sprawdzacz ............................................................ 149
Testowanie aplikacji Sprawdzacz .................................................................. 156
Przerabianie aplikacji Sprawdzacz ................................................................ 158
Podsumowanie ................................................................................................ 161
Rozdział 4.
Rozdział 5.
Rozdział 6.
Rozdział 7.
6
Ajax. Niezb
ę
dnik projektanta aplikacji plug and play
Rozdział 8.
Rewelacyjny interfejs do przeglądania obrazków .................. 163
Zadanie: dynamiczne wczytywanie obrazków .............................................. 164
Projekt: dynamiczna przeglądarka obrazków ............................................... 166
Implementacja aplikacji Obrazownik ............................................................ 168
Testowanie aplikacji Obrazownik .................................................................. 170
Przerabianie aplikacji Obrazownik ................................................................ 172
Podsumowanie ................................................................................................ 173
Prezentowanie informacji w zgrabnych okienkach ................ 175
Zadanie: tworzenie okienek informacyjnych ................................................ 176
Projekt: aplikacja z okienkami informacyjnymi ............................................ 180
Implementacja aplikacji Informator .............................................................. 183
Testowanie aplikacji Informator .................................................................... 188
Przerabianie aplikacji Informator .................................................................. 190
Podsumowanie ................................................................................................ 191
Rozdział 9.
Rozdział 10. Przepowiadanie pogody za pomocą Ajaksa ............................ 193
Zadanie: pobieranie dynamicznych danych pogodowych ................................ 194
Projekt: aplikacja z prognozą pogody ............................................................ 195
Implementacja aplikacji Prognoza ................................................................ 200
Testowanie aplikacji Prognoza ....................................................................... 204
Przerabianie aplikacji Prognoza .................................................................... 206
Podsumowanie ................................................................................................ 208
Rozdział 11. Ajaksowy kalkulator kosztów dostawy .................................... 209
Zadanie: pobieranie aktualnych kosztów dostawy ........................................ 210
Projekt: aplikacja Dostawca ........................................................................... 211
Implementacja aplikacji Dostawca ................................................................ 219
Testowanie aplikacji Dostawca ...................................................................... 227
Przerabianie aplikacji Dostawca .................................................................... 230
Podsumowanie ................................................................................................ 233
Rozdział 12. Dodawanie ajaksowego systemu ocen do Twoich stron ....... 235
Zadanie: dodanie systemu oceniania do strony internetowej ...................... 236
Projekt: aplikacja Oceniacz ............................................................................ 238
Implementacja aplikacji Oceniacz ................................................................. 244
Testowanie aplikacji Oceniacz ....................................................................... 250
Przerabianie aplikacji Oceniacz ..................................................................... 253
Podsumowanie ................................................................................................ 257
Dodatki .................................................................... 259
Dodatek A
Dodatek B
Przeszłość, teraźniejszość i przyszłość Ajaksa .......................... 261
Krótki opis obiektu XMLHttpRequest ....................................... 265
Skorowidz ................................................................................... 273
Spis tre
ś
ci
7
5
Pobieranie danych
z kanałów RSS
AJAX W STAROŻYTNEJ GRECJI
Nie umniejszając roli asynchronicznych aplikacji internetowych, był czas, kiedy Ajax
miał większe znaczenie. Mam na myśli czasy starożytnej Grecji, kiedy legendarny grecki
bohater Ajaks walczył w wojnie trojańskiej. Mityczna siła i odwaga Ajaksa zostały opi-
sane przez greckiego poetę Homera w poemacie
Iliada.
Jako ktoś, kto przez kilka lat tworzył i utrzymywał wiele witryn internetowych,
bardzo entuzjastycznie podszedłem do kanałów RSS, kiedy zobaczyłem je po
raz pierwszy. Umożliwiają one wyświetlanie informacji z innych serwisów i możesz
umieścić je na własnych stronach. Zapewniają automatyczną aktualizację wi-
tryny, a przynajmniej kanałów informacyjnych, które są na niej umieszczone.
Jeśli nie masz wprawy lub nie chcesz skrupulatnie uzupełniać wiadomości, możesz
przyjąć,
że
kanał informacyjny umieszczony na Twojej stronie pozwoli udostęp-
niać interesujące, automatycznie aktualizowane informacje. Kanał informacyjny,
który będzie idealnie dopasowany do zawartości Twojej strony, znajdziesz naj-
prawdopodobniej już po chwili poszukiwań.
Zgłoś jeśli naruszono regulamin