Head_Rush_Ajax_Rusz_glowa_hrajax.pdf

(3867 KB) Pobierz
Head Rush Ajax
Autor: Brett McLaughlin
T³umaczenie: Piotr Rajca
ISBN: 978-83-246-0556-8
Tytu³ orygina³u:
Head Rush Ajax
Format: B5, stron: 440
Poznaj technologiê Ajax w szybki i niekonwencjonalny sposób!
•
Napisz wydajny kod JavaScript generuj¹cy ¿¹dania asynchroniczne
•
Dowiedz siê, czym jest obiektowy model dokumentu
•
Opanuj tajniki przetwarzania plików XML
•
Twórz 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 któremu 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³adów licz¹cych setki linii kodu i ¿mudnym
zapamiêtywaniem dziesi¹tek parametrów, jesteœ w b³êdzie. Siêgnij po
„Head
Rush
Ajax”, otwórz swój umys³ i przekonaj siê, ¿e nauka mo¿e byæ œwietn¹ zabaw¹!
Ksi¹¿ka
„Head
Rush Ajax” to niezwyk³y podrêcznik, za którego 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, które
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 znaczników XML. Zanim siê
zorientujesz, zostaniesz ekspertem specjalizuj¹cym siê w Ajaksie.
•
Podstawy technologii Ajax
•
JavaScript i ¿¹dania asynchroniczne
•
Aplikacje oparte na DOM
•
Tworzenie interfejsów u¿ytkownika
•
Korzystanie z plików XML
•
Mo¿liwoœci technologii JSON
•
Obs³uga ¿¹dañ POST
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Zapomnij o powolnych witrynach WWW i nudnej nauce.
Zajmij siê tworzeniem aplikacji internetowych nastêpnej generacji!
Spis
treści
Spis treści (skrócony)
Wprowadzenie
1
2
Zastosowanie technologii Ajax: aplikacje internetowe dla nowego pokolenia
Zastosowanie odpowiedniego języka: zgłaszanie żądań w technologii Ajax
Przerywnik
3
4
4,5
5
Oślepiła mnie asynchronicznością: aplikacje asynchroniczne
Dendrologia stron WWW: obiektowy model dokumentu
Dodatkowa pomoc: tworzenie aplikacji korzystających z DOM-u
Powiedz więcej — użyj metody POST: żądania POST
Przerywnik
6
7
Dodatek 1.:
Dodatek 2.:
Więcej niż mogą wyrazić słowa: żądania i odpowiedzi XML
Walka do samego końca: JSON a XML
Kilka specjalnych dodatków: dodatki
„Interesuje mnie jedynie KOD!”: Narzędzia ułatwiające korzystanie
z technologii Ajax i obsługę DOM
Skorowidz
15
27
91
153
165
227
269
303
343
361
395
417
427
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?
Wiemy, co sobie myśli Twój mózg
Metapoznanie
Zmuś swój mózg do posłuszeństwa
Przeczytaj mnie
Korektorzy techniczni
Podziękowania
16
17
19
21
22
24
25
jesteś tutaj
5
Spis
treści
Aplikacje internetowe dla nowego pokolenia
1
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?
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.
WWW odświeżona
Witamy w nowym tysiącleciu
„Odświeżanie? Nie potrzebujemy żadnego odświeżania!”
Film utrwalający: rozdział 1.
Utworzenie obiektu żądania
PHP… na rzut oka
Co serwer robił do tej pory…
Co obecnie powinien robić serwer
Inicjalizacja połączenia
Nawiązanie połączenia z serwerem WWW
Dodawanie procedury obsługi zdarzenia
Pisanie kodu funkcji updatePage()
W jaki sposób postrzegamy aplikacje internetowe…
Przedstawiamy przeglądarkę WWW
Co przeglądarka powinna zrobić z odpowiedzią przesłaną z serwera?
Przekazywanie instrukcji przeglądarce
Pobieranie odpowiedzi z serwera
Sprawdzanie stanu gotowości żądania
60-sekundowe podsumowanie
28
29
33
38
42
46
48
49
52
56
61
62
64
66
70
72
74
81
86
Żądanie jest
wysyłane przez
przeglądarkę,
a nie bezpośrednio
przez kod napisany
w JavaScripcie.
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
getBoardsSold()
6
Spis treści
JavaScript
Twój kod prosi
o przesłanie żądania,
wywołując metodę
request.send(null)
;
Skrypt PHP
Spis
treści
Zgłaszanie żądań w technologii Ajax
2
atePage;
statechange = upd
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
Skrypt PHP
92
96
101
102
108
110
112
114
118
122
126
127
129
130
133
134
135
138
142
150
Pizza Na Złamanie Karku z technologią Ajax
ABC HTML-a: pobieranie informacji wpisywanych przez użytkownika
Kod HTML i skrypty są łączone przez procedury obsługi zdarzeń
Zastosuj DOM, by pobrać numer telefonu
Gdzie jest przeglądarka
W trakcie
generowania
odpowiedzi
2
Serwer WWW
Tworzenie obiektu żądania
Zapewnienie poprawności działania w wielu przeglądarkach
Kod JavaScript nie musi być umieszczany wewnątrz funkcji
PHP… rzut oka
Adresy URL żądań przekazują informacje do serwera
Przesłanie żądania do serwera
Pobieranie danych przesłanych z serwera
Stany gotowości HTTP
request.onready
request.send(nu
ll);
, url, true);
zainicjalizowane
1
Połączenie
4
Odpowiedź
Pobieranie
odpowiedzi
serwera
odczytana
3
Sprawdzanie stanu gotowości
Co robi przeglądarka?
Pobranie odpowiedzi serwera z obiektu żądania
Testowanie aplikacji do obsługi zamówień
JavaScript
ET"
request.open("G
getCustomerInfo()
updatePage()
JavaScript
Kiedy przeglądarka zapisuje adresy URL żądań w pamięci podręcznej…
60-sekundowe podsumowanie
Połączenie
nie jest
.
var request =..
zainicjalizowane
0
Strona WWW
jesteś tutaj
7
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ść?
Tworzenie internetowego ekspresu do kawy,
wykorzystującego technologię Ajax
Cykle programowania aplikacji używających technologii Ajax
Umieszczanie kodu JavaScript w osobnych plikach
Podział kodu JavaScript
Wysyłanie żądań asynchronicznych
Pobieranie wartości zaznaczonego przycisku z grupy przycisków opcji
Rozmowy przy espresso: Aplikacja Asynchroniczna i Synchroniczna
Odczyt tekstowej zawartości elementu <div>
Zapis tekstu wewnątrz elementu <div>
Czyszczenie pól formularza
PHP… na rzut oka
Pisanie funkcji zwrotnej
Przedstawiamy metodę substring() JavaScriptu
Ostateczny test (prawda?)
Potrzeba nam dwóch obiektów żądań!
Tworzenie dwóch obiektów żądania
Witamy w asynchronicznym świecie!
166
171
177
180
182
185
189
190
192
192
200
202
204
205
210
214
215
221
Formularz HTML
JavaScript
Skrypt PHP
8
Spis treści

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin