Ajax_Od_podstaw_ajaodp.pdf

(764 KB) Pobierz
Ajax. Od podstaw
Ajax. Od podstaw
Autor: Chris Ullman, Lucinda Dykes
TĀumaczenie: Anna Trojan
ISBN: 978-83-246-1287-1
(Programmer to Programmer )
Format: B5, stron: okoĀo 540
oprawa twarda
Wydawnictwo Helion
ul. Koľciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Wprowadzenie do technologii Ajax dla webmasterw
¤ Jak tworzyě interaktywne aplikacje webowe w technologii Ajax?
¤ Jak pisaě i wykorzystywaě wzorce projektowe w Ajax?
¤ Dlaczego warto skorzystaě z moŃliwoľci Ajaksa?
Choě technologia znana jest od koĺca ubiegĀego wieku, uznanie zdobyĀa dopiero parķ
lat temu, kiedy Google zaczķĀo uŃywaě jej na wiķkszĴ skalķ w swoich projektach.
Wtedy webmasterzy odkryli, jaka siĀa tkwi w poĀĴczonych technologiach, kryjĴcych siķ
pod nazwĴ Ajax. DoĀĴcz do nich i wzbogaě swoje strony WWW, co sprawi, Ńe stanĴ siķ
interaktywne bardziej niŃ kiedykolwiek.
â Ajax. Od podstaw Ò to ksiĴŃka dla twrcw witryn internetowych, ktrzy chcĴ
poszerzyě swoje umiejķtnoľci o niesamowitĴ technologiķ Ajax. Chris Ullmann i Lucinda
Dykes, autorzy i wspĀautorzy wielu ksiĴŃek o technikach programowania, przekazujĴ
tu swoje wieloletnie doľwiadczenie. UĀatwiajĴ czytelnikowi opanowanie jķzyka,
przechodzĴc od podstawowych do coraz bardziej zĀoŃonych przypadkw opartych
na rzeczywistych przykĀadach. Narracyjny styl ksiĴŃki sprawia, Ńe jest przyjazna
czytelnikowi, a usystematyzowany ukĀad czyni jĴ przejrzystĴ.
¤ Model i skĀadnia aplikacji opartej na technologii Ajax
¤ Komunikacja z serwerami
¤ Synchroniczne i asynchroniczne przesyĀanie danych
¤ UsĀugi sieciowe
¤ API oraz aplikacje mushup
¤ Praca z XML, XSLT oraz XPath
¤ Integracja z formatem wymiany danych JSON
¤ Praca z serwerem MySQL
¤ Usuwanie oraz obsĀuga bĀķdw
¤ Wzorce projektowe
¤ Wykorzystanie danych zewnķtrznych
¤ Platformy oraz biblioteki dostķpne dla technologii Ajax
¤ Przewodnik po jķzyku JavaScript
Poznaj nowe sposoby programowania webowego
i wzbogaě swoje witryny WWW o technologiķ Ajax!
692073750.002.png 692073750.003.png 692073750.004.png 692073750.005.png
Spis treści
O autorach ................................................................................................................................................ 13
Wprowadzenie ......................................................................................................................................... 15
Rozdział 1. Wprowadzenie do Ajaksa .....................................................................................................23
Czym jest Ajax? ............................................................................................................ 24
Ajax w praktyce ....................................................................................................... 25
flickr ................................................................................................................. 25
Basecamp ......................................................................................................... 27
Amazon (A9.com) ............................................................................................... 28
Google Suggest oraz Google Maps ...................................................................... 29
Inne strony internetowe ...................................................................................... 30
Złe przykłady ..................................................................................................... 31
Ajax — akronim ...................................................................................................... 32
XHTML oraz CSS ................................................................................................ 33
DOM (Document Object Model) ........................................................................... 34
JavaScript ......................................................................................................... 35
XML, XSLT oraz XPath ........................................................................................ 36
Obiekt XMLHttpRequest ..................................................................................... 37
Technologie po stronie serwera .......................................................................... 39
Model aplikacji opartej na Ajaksie .................................................................................. 39
Dlaczego powinno się używać Ajaksa? ...................................................................... 41
Częściowe uaktualnianie strony .......................................................................... 41
Niewidoczne pobieranie danych .......................................................................... 42
Ciągłe uaktualnianie .......................................................................................... 42
Jednolite interfejsy ............................................................................................. 42
Prostota i bogactwo możliwości ........................................................................... 42
Przeciąganie i upuszczanie ................................................................................. 42
Kiedy nie należy używać Ajaksa ................................................................................ 43
Spowolnienie strony ........................................................................................... 43
Zakłócenie działania przycisku Wstecz w przeglądarce .......................................... 43
Zakłócanie działania zakładek oraz blokowanie indeksów wyszukiwarek ................. 44
Obciążenie dla przeglądarki ................................................................................ 44
Kto może bądź nie może używać Ajaksa? .................................................................. 44
Stwórz swój własny przykład .......................................................................................... 45
Podsumowanie ............................................................................................................ 55
Ćwiczenia .................................................................................................................... 55
692073750.001.png
6
Ajax. Od podstaw
Rozdział 2. Powtórka z JavaScriptu .....................................................................................................57
Jądro JavaScriptu ......................................................................................................... 58
Składnia ................................................................................................................. 58
Zmienne ................................................................................................................. 58
Podstawowe typy danych .................................................................................... 59
Referencyjne typy danych ................................................................................... 60
Operatory ............................................................................................................... 60
Operator przypisania .......................................................................................... 61
Operatory arytmetyczne ...................................................................................... 61
Operatory porównania ........................................................................................ 61
Operatory logiczne ............................................................................................. 62
Operatory inkrementacji oraz dekrementacji ......................................................... 63
Instrukcje ............................................................................................................... 63
Instrukcje warunkowe ......................................................................................... 64
Pętle ................................................................................................................. 65
Funkcje .................................................................................................................. 66
JavaScript zorientowany obiektowo ................................................................................ 67
Obiekty wbudowane ................................................................................................ 68
Obiekty przeglądarki ................................................................................................ 68
Obiekty zdefiniowane przez użytkownika .................................................................... 69
Konstruktory ...................................................................................................... 70
Prototypy ................................................................................................................ 71
Niszczenie obiektów ........................................................................................... 72
DOM (Document Object Model) ..................................................................................... 74
Dokument jako drzewo potomków ............................................................................ 75
Dokument jako drzewo węzłów ................................................................................. 75
Metody dostępu do obiektów w DOM ........................................................................ 76
Metoda getElementById ..................................................................................... 76
Metoda getElementsByTagName ......................................................................... 77
Tworzenie węzłów .................................................................................................... 78
Alternatywne rozwiązanie — innerHTML .................................................................... 80
JavaScript oraz zdarzenia .............................................................................................. 81
Modele zdarzeń ...................................................................................................... 82
Rejestracja zdarzeń ................................................................................................. 82
Model rejestracji zdarzeń w przeglądarce Internet Explorer .................................... 83
Model rejestracji zdarzeń w DOM z W3C .............................................................. 84
Obiekty zdarzeń ...................................................................................................... 84
Podsumowanie ............................................................................................................ 88
Ćwiczenia .................................................................................................................... 89
Rozdział 3. Ajax oraz technologie po stronie serwera .......................................................................... 91
Ajax oraz technologie po stronie serwera ........................................................................ 92
Formularze oraz kontrolki HTML ............................................................................... 92
Model przesyłania formularzy ................................................................................... 92
Model przesyłania formularzy w Ajaksie oraz JavaScripcie ........................................... 94
Od strony serwera ........................................................................................................ 94
Przesyłanie danych do serwera ................................................................................. 95
Serwer otrzymuje żądanie ........................................................................................ 95
Pisanie odpowiedzi HTTP .............................................................................................. 96
Obiekt XMLHttpRequest .......................................................................................... 97
Funkcja zwrotna ................................................................................................. 98
Właściwość responseText ................................................................................... 98
Spis treści
7
Właściwość responseXML .................................................................................. 99
Usuwanie błędów z responseXML ..................................................................... 100
Wykorzystywanie danych ................................................................................... 101
Technologie po stronie serwera ................................................................................... 102
ASP.NET ............................................................................................................... 102
Przykład wykorzystujący Ajaksa oraz ASP.NET ..................................................... 104
PHP ..................................................................................................................... 114
Przykład wykorzystujący Ajaksa oraz PHP ........................................................... 115
Serwlety Javy ........................................................................................................ 120
Przykład wykorzystujący Ajaksa oraz serwlety Javy .............................................. 121
Którą technologię powinno się wykorzystywać? ............................................................. 125
Podsumowanie .......................................................................................................... 126
Ćwiczenia .................................................................................................................. 126
Rozdział 4. Techniki Ajaksa ...................................................................................................................127
Obiekt XMLHttpRequest .............................................................................................. 128
Tworzenie obiektu XMLHttpRequest ............................................................................. 129
Użycie synchroniczne ............................................................................................. 129
Użycie asynchroniczne ........................................................................................... 130
Właściwość readyState .......................................................................................... 130
Właściwości oraz metody obiektu XMLHttpRequest .................................................. 131
Często popełniane błędy ........................................................................................ 137
Bardziej skomplikowane problemy .......................................................................... 138
Problem z tym samym pochodzeniem ................................................................ 138
Kontrola pamięci podręcznej — agresywna polityka przeglądarki Internet Explorer .... 139
Implikacje działania we wszystkich przeglądarkach ............................................. 143
Metoda POST ............................................................................................................. 144
Zalety i wady używania metod POST oraz GET ............................................................... 147
Inne techniki Ajaksa ................................................................................................... 147
Ukryte ramki ......................................................................................................... 147
Pomysł ............................................................................................................ 148
Zalety oraz wady .............................................................................................. 154
Ukryte ramki typu iframe ........................................................................................ 154
Pomysł ............................................................................................................ 155
Zalety oraz wady .............................................................................................. 158
Dynamiczne ładowanie skryptu ............................................................................... 158
Pomysł ............................................................................................................ 158
Zalety oraz wady .............................................................................................. 161
Obrazki oraz cookies ............................................................................................. 161
Pomysł ............................................................................................................ 162
Zalety oraz wady .............................................................................................. 166
Podsumowanie .......................................................................................................... 166
Ćwiczenie .................................................................................................................. 167
Rozdział 5. Praca z XML ........................................................................................................................169
Podstawy XML ............................................................................................................ 170
Tworzenie znaczników ............................................................................................ 170
Składnia XML ....................................................................................................... 170
Dokumenty XML poprawne składniowo oraz strukturalnie ......................................... 172
Ekstrakcja danych za pomocą JavaScriptu .................................................................... 177
Wykorzystywanie węzłów ........................................................................................ 177
Dostęp do elementów XML po ich nazwie ................................................................ 179
Dostęp do wartości atrybutów ................................................................................ 179
8
Ajax. Od podstaw
Wykorzystywanie CSS z danymi XML ............................................................................ 183
Wykorzystywanie CSS z dokumentami XML .............................................................. 185
Wykorzystywanie CSS z Ajaksem ............................................................................ 185
Właściwość style ............................................................................................. 185
Właściwość className .................................................................................... 186
Podsumowanie .......................................................................................................... 186
Ćwiczenia .................................................................................................................. 187
Rozdział 6. Usuwanie oraz obsługa błędów ..........................................................................................189
Obsługa błędów w JavaScripcie ................................................................................... 190
Obsługa wyjątków ................................................................................................. 190
Program obsługi zdarzeń onerror ............................................................................ 192
Konsola błędów w przeglądarkach Mozilla ............................................................... 194
Microsoft Script Debugger ..................................................................................... 196
Firebug ................................................................................................................. 199
Inspektory DOM ......................................................................................................... 202
Inspektor DOM z przeglądarki Firefox ...................................................................... 202
Inspektor DOM w przeglądarce Internet Explorer ...................................................... 204
MODI (Mouseover DOM Inspector) ......................................................................... 204
Rozwiązywanie problemów związanych z Ajaksem .......................................................... 205
Wykorzystywanie dodatku Firebug z XMLHttpRequest ............................................... 206
Dodatek Live HTTP Headers ................................................................................... 206
Podsumowanie .......................................................................................................... 208
Ćwiczenia .................................................................................................................. 209
Rozdział 7. Usługi sieciowe, API oraz aplikacje typu mashup ..............................................................211
Czym jest usługa sieciowa? ......................................................................................... 212
Publiczne usługi sieciowe ...................................................................................... 213
Wykorzystywanie usług sieciowych należących do innych podmiotów ............................... 214
Struktura usługi sieciowej ........................................................................................... 216
Podejście oparte na REST ...................................................................................... 217
Podejście oparte na SOAP ..................................................................................... 218
Integrowanie usługi sieciowej z własną aplikacją opartą na Ajaksie ................................ 219
Wykorzystywanie usługi z obiektem XMLHttpRequest ............................................... 220
Polityka tego samego pochodzenia .................................................................... 220
Tworzenie proxy dla aplikacji .................................................................................. 221
Sztuczka ze znacznikiem script .............................................................................. 228
Przyszłe alternatywy .............................................................................................. 231
Wykorzystywanie API ................................................................................................... 232
Różnica między usługami sieciowymi a API .............................................................. 233
Google Maps API .................................................................................................. 234
Klucz Google Maps API ..................................................................................... 234
Obiekt mapy .................................................................................................... 234
Obiekt Geocode ............................................................................................... 235
Metoda fabrykująca XMLHttpRequest ................................................................ 236
Aplikacje typu mashup ................................................................................................ 244
W jaki sposób Ajax ułatwia wykorzystywanie aplikacji typu mashup ................................. 245
Wykorzystywanie Flickr API ..................................................................................... 246
Etykietki (lista ważona) .......................................................................................... 246
Wykorzystywanie klucza Flickr API ........................................................................... 247

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin