full-version-head-rush-ajax-rusz-glowa_hrajax.pdf

(138812 KB) Pobierz
664261074 UNPDF
Head Rush Ajax
Autor: Brett McLaughlin
TĀumaczenie: Piotr Rajca
ISBN: 978-83-246-0556-8
Format: B5, stron: 440
Wydawnictwo Helion
ul. Koľciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Poznaj technologiķ Ajax w szybki i niekonwencjonalny sposb!
¤ Napisz wydajny kod JavaScript generujĴcy ŃĴdania asynchroniczne
¤ Dowiedz siķ, czym jest obiektowy model dokumentu
¤ Opanuj tajniki przetwarzania plikw XML
¤ Twrz wĀasne aplikacje w technologii Ajax
Jeľli masz dosyě czekania na przeĀadowanie strony po kaŃdym klikniķciu ĀĴcza,
zastanawiasz siķ, dlaczego potwierdzanie transakcji w sieci trwa tak dĀugo i chcesz,
aby tworzone przez Ciebie aplikacje internetowe byĀy pozbawione tych irytujĴcych cech,
naprzeciw wychodzi Ci technologia Ajax. Jest to poĀĴczenie jķzyka JavaScript i XML,
dziķki ktremu strony WWW dziaĀajĴ naprawdķ bĀyskawicznie. Jeľli obawiasz siķ,
Ńe nauka tej technologii wiĴŃe siķ z koniecznoľciĴ zaopatrzenia siķ w kilka opasĀych
tomisk, z analizowaniem przykĀadw liczĴcych setki linii kodu i Ńmudnym
zapamiķtywaniem dziesiĴtek parametrw, jesteľ w bĀķdzie. Siķgnij po â Head Rush
Ajax Ò , otwrz swj umysĀ i przekonaj siķ, Ńe nauka moŃe byě ľwietnĴ zabawĴ!
KsiĴŃka â Head Rush Ajax Ò to niezwykĀy podrķcznik, za ktrego pomocĴ Ajax odsĀoni
przed TobĴ wszystkie swoje sekrety. Autor ksiĴŃki, korzystajĴc z najnowszych odkryě
dotyczĴcych metod przekazywania wiedzy, przedstawi Ci wszystkie zagadnienia, ktre
sĴ niezbķdne, aby projektowaě i budowaě wydajne aplikacje sieciowe. Poznasz jķzyk
JavaScript i nauczysz siķ pisaě asynchroniczne ŃĴdania bķdĴce podstawĴ Ajaksa,
uŃyjesz obiektowego modelu dokumentu (DOM) i znacznikw XML. Zanim siķ
zorientujesz, zostaniesz ekspertem specjalizujĴcym siķ w Ajaksie.
¤ Podstawy technologii Ajax
¤ JavaScript i ŃĴdania asynchroniczne
¤ Aplikacje oparte na DOM
¤ Tworzenie interfejsw uŃytkownika
¤ Korzystanie z plikw XML
¤ MoŃliwoľci technologii JSON
¤ ObsĀuga ŃĴdaĺ POST
Zapomnij o powolnych witrynach WWW i nudnej nauce.
Zajmij siķ tworzeniem aplikacji internetowych nastķpnej generacji!
664261074.113.png 664261074.122.png 664261074.131.png 664261074.137.png 664261074.001.png
Spis treści
Spis treści (skrócony)
Wprowadzenie
15
1 Zastosowanie technologii Ajax: aplikacje internetowe dla nowego pokolenia
27
2 Zastosowanie odpowiedniego języka: zgłaszanie żądań w technologii Ajax
91
Przerywnik
153
3 Oślepiła mnie asynchronicznością: aplikacje asynchroniczne
165
4 Dendrologia stron WWW: obiektowy model dokumentu
227
4,5 Dodatkowa pomoc: tworzenie aplikacji korzystających z DOM-u
269
5 Powiedz więcej — użyj metody POST: żądania POST
303
Przerywnik
343
6 Więcej niż mogą wyrazić słowa: żądania i odpowiedzi XML
361
7 Walka do samego końca: JSON a XML
395
Dodatek 1.: Kilka specjalnych dodatków: dodatki
417
Dodatek 2.: „Interesuje mnie jedynie KOD!”: Narzędzia ułatwiające korzystanie
z technologii Ajax i obsługę DOM
427
Skorowidz
433
Spis treści (na serio)
Wprowadzenie
Twój mózg koncentruje się na technologii Ajax. Podczas gdy Ty starasz się czegoś nauczyć,
Twój mózg robi Ci przysługę i dba o to, abyś przez przypadek nie zapamiętał zdobywanych informacji.
Twój mózg myśli sobie: „Lepiej zostawić trochę miejsca na bardziej istotne informacje, na przykład: jakich
zwierząt unikać albo czy jeżdżenie na snowboardzie nago jest dobrym pomysłem”. A zatem, w jaki sposób
możesz oszukać swój mózg i przekonać go, że Twoje życie zależy od znajomości tworzenia aplikacji
asynchronicznych?
Dla kogo jest ta książka?
16
Wiemy, co sobie myśli Twój mózg
17
Metapoznanie
19
Zmuś swój mózg do posłuszeństwa
21
Przeczytaj mnie
22
Korektorzy techniczni
24
Podziękowania
25
jesteś tutaj
5
664261074.007.png 664261074.013.png 664261074.024.png 664261074.035.png 664261074.041.png 664261074.047.png 664261074.053.png 664261074.059.png 664261074.068.png 664261074.080.png 664261074.091.png 664261074.095.png 664261074.096.png 664261074.097.png 664261074.098.png 664261074.099.png 664261074.100.png 664261074.101.png 664261074.102.png 664261074.103.png 664261074.104.png 664261074.105.png 664261074.106.png 664261074.107.png 664261074.108.png 664261074.109.png 664261074.110.png 664261074.111.png 664261074.112.png 664261074.114.png
Spis treści
Aplikacje internetowe dla nowego pokolenia
1
Zastosowanie technologii Ajax
Nadaj nowego blasku swoim aplikacjom internetowym. Czy męczy Cię toporny
interfejs aplikacji internetowych i konieczność ciągłego czekania na wyświetlenie
kolejnych stron? Cóż, nadszedł zatem czas, byś nadał swoim aplikacjom internetowym
tego samego sosnowego zapachu i wyglądu, jaki mają normalne aplikacje. O czym
myślimy? Myślimy o najnowszej technologii, jaka pojawiła się w dziedzinie WWW:
technologii Ajax ( ang. Asynchronous JavaScript and XML , czyli asynchroniczny JavaScript
i XML), która stanowi dla Ciebie przepustkę do tworzenia wzbogaconych aplikacji
internetowych — bardziej interaktywnych , szybciej reagujących na wykonywane operacje
i łatwiejszych w obsłudze . Sięgnij zatem po próbną buteleczkę Ajaksa dołączoną
do niniejszej książki: zabieramy się do wypolerowania i nadania nowego blasku
Twoim aplikacjom internetowym.
Czy nie napisałeś
wcześniej, że Ajax
pozwoli mi na aktualizację
wyświetlanych informacji
bez konieczności
odświeżania całej strony?
Czy chodziło o zmianę
zawartości jej
fragmentu?
WWW odświeżona
28
Witamy w nowym tysiącleciu
29
„Odświeżanie? Nie potrzebujemy żadnego odświeżania!”
33
Film utrwalający: rozdział 1.
38
Utworzenie obiektu żądania
42
PHP… na rzut oka
46
Co serwer robił do tej pory…
48
Co obecnie powinien robić serwer
49
Inicjalizacja połączenia
52
Nawiązanie połączenia z serwerem WWW
56
Dodawanie procedury obsługi zdarzenia
61
Pisanie kodu funkcji updatePage()
62
W jaki sposób postrzegamy aplikacje internetowe…
64
Przedstawiamy przeglądarkę WWW
66
Co przeglądarka powinna zrobić z odpowiedzią przesłaną z serwera?
70
Przekazywanie instrukcji przeglądarce
72
Pobieranie odpowiedzi z serwera
74
Sprawdzanie stanu gotowości żądania
81
60-sekundowe podsumowanie
86
Przeglądarka
określa, w jaki
sposób należy
wykonać żądanie
skierowane do
serwera Kaśki.
Przeglądarka
WWW
Żądanie przekazania
liczby wszystkich
sprzedanych desek
Żądanie jest
wysyłane przez
przeglądarkę,
a nie bezpośrednio
przez kod napisany
w JavaScripcie.
getBoardsSold()
6
Spis treści
JavaScript
Twój kod prosi
o przesłanie żądania,
wywołując metodę
request.send(null) ;
Skrypt PHP
664261074.115.png 664261074.116.png 664261074.117.png 664261074.118.png 664261074.119.png 664261074.120.png 664261074.121.png 664261074.123.png 664261074.124.png 664261074.125.png 664261074.126.png 664261074.127.png 664261074.128.png 664261074.129.png 664261074.130.png 664261074.132.png 664261074.133.png 664261074.134.png 664261074.135.png 664261074.136.png 664261074.138.png 664261074.139.png 664261074.140.png 664261074.141.png 664261074.142.png 664261074.002.png 664261074.003.png 664261074.004.png 664261074.005.png 664261074.006.png 664261074.008.png 664261074.009.png 664261074.010.png 664261074.011.png
Spis treści
Zgłaszanie żądań w technologii Ajax
2
Zastosowanie odpowiedniego języka
Czas dowiedzieć się, jak należy rozmawiać w sposób asynchroniczny. Jeśli
chcesz napisać następną odlotową aplikację, będziesz musiał doskonale zrozumieć
najdrobniejsze szczegóły technologii Ajax. W tym rozdziale znajdziesz szczegółowe
informacje, a także plotki o pisaniu asynchronicznych skryptów JavaScript : dowiesz
się, w jaki sposób wysyłać żądania z różnych przeglądarek, opanujesz stany gotowości
i kody statusu , a nawet poznasz kilka dodatkowych sztuczek z repertuaru dynamicznego
HTML-a. Kiedy skończysz lekturę tego rozdziału, będziesz zgłaszał żądania i obsługiwał
odpowiedzi jak prawdziwy profesjonalista… A swoją drogą, czy wspominałem, że Twoi
użytkownicy nie będą musieli na Ciebie czekać , kiedy Ty będziesz się uczył Ajaksa?
Błyskawiczne dostawy pizzy
92
Pizza Na Złamanie Karku z technologią Ajax
96
ABC HTML-a: pobieranie informacji wpisywanych przez użytkownika
101
Kod HTML i skrypty są łączone przez procedury obsługi zdarzeń
102
Zastosuj DOM, by pobrać numer telefonu
108
Gdzie jest przeglądarka
110
Tworzenie obiektu żądania
112
Zapewnienie poprawności działania w wielu przeglądarkach
114
Kod JavaScript nie musi być umieszczany wewnątrz funkcji
118
PHP… rzut oka
122
Adresy URL żądań przekazują informacje do serwera
126
Przesłanie żądania do serwera
127
Pobieranie danych przesłanych z serwera
129
Stany gotowości HTTP
130
Sprawdzanie stanu gotowości
133
Co robi przeglądarka?
134
Pobranie odpowiedzi serwera z obiektu żądania
135
Testowanie aplikacji do obsługi zamówień
138
Kiedy przeglądarka zapisuje adresy URL żądań w pamięci podręcznej…
142
60-sekundowe podsumowanie
150
jesteś tutaj
7
664261074.012.png 664261074.014.png 664261074.015.png 664261074.016.png 664261074.017.png 664261074.018.png 664261074.019.png 664261074.020.png 664261074.021.png 664261074.022.png 664261074.023.png 664261074.025.png 664261074.026.png 664261074.027.png 664261074.028.png 664261074.029.png 664261074.030.png 664261074.031.png 664261074.032.png 664261074.033.png 664261074.034.png 664261074.036.png 664261074.037.png 664261074.038.png 664261074.039.png 664261074.040.png 664261074.042.png 664261074.043.png 664261074.044.png 664261074.045.png 664261074.046.png 664261074.048.png 664261074.049.png 664261074.050.png 664261074.051.png 664261074.052.png 664261074.054.png 664261074.055.png 664261074.056.png 664261074.057.png 664261074.058.png 664261074.060.png
Spis treści
Aplikacje asynchroniczne
3
Oślepiła mnie asynchronicznością
Poczekalnia? Przykro nam, ale u nas coś takiego nie istnieje. To jest WWW, a nie
gabinet lekarski i nikt tu nie chce siedzieć i czekać na zakończenie pracy serwera, czytając
ilustrowane magazyny sprzed sześciu miesięcy. Zobaczyłeś już, w jaki sposób technologia
Ajax pozwoli Ci pozbyć się konieczności odświeżania stron, jednak teraz nadszedł czas,
by do listy cech wyróżniających Twoje aplikacje dodać wrażliwość i szybkość reakcji na
działania wykonywane przez użytkownika. W tym rozdziale dowiesz się, w jaki sposób
przesyłać żądania użytkownika do serwera i zapewnić mu możliwość dalszego korzystania
z aplikacji w trakcie oczekiwania na odpowiedź. Chociaż w sumie… źle się wyraziłem.
W tym rozdziale nie będzie żadnego oczekiwania .
Co tak naprawdę oznacza asynchroniczność?
166
Tworzenie internetowego ekspresu do kawy,
wykorzystującego technologię Ajax
171
Cykle programowania aplikacji używających technologii Ajax
177
Umieszczanie kodu JavaScript w osobnych plikach
180
Podział kodu JavaScript
182
Formularz HTML
Wysyłanie żądań asynchronicznych
185
Pobieranie wartości zaznaczonego przycisku z grupy przycisków opcji
189
JavaScript
Rozmowy przy espresso: Aplikacja Asynchroniczna i Synchroniczna
190
Odczyt tekstowej zawartości elementu <div>
192
Skrypt PHP
Zapis tekstu wewnątrz elementu <div>
192
Czyszczenie pól formularza
200
PHP… na rzut oka
202
Pisanie funkcji zwrotnej
204
Przedstawiamy metodę substring() JavaScriptu
205
Ostateczny test (prawda?)
210
Potrzeba nam dwóch obiektów żądań!
214
Tworzenie dwóch obiektów żądania
215
Witamy w asynchronicznym świecie!
221
8
Spis treści
664261074.061.png 664261074.062.png 664261074.063.png 664261074.064.png 664261074.065.png 664261074.066.png 664261074.067.png 664261074.069.png 664261074.070.png 664261074.071.png 664261074.072.png 664261074.073.png 664261074.074.png 664261074.075.png 664261074.076.png 664261074.077.png 664261074.078.png 664261074.079.png 664261074.081.png 664261074.082.png 664261074.083.png 664261074.084.png 664261074.085.png 664261074.086.png 664261074.087.png 664261074.088.png 664261074.089.png 664261074.090.png 664261074.092.png 664261074.093.png 664261074.094.png
Zgłoś jeśli naruszono regulamin