Ajax cwiczenia.pdf

(300 KB) Pobierz
IDZ DO
PRZYK£ADOWY ROZDZIA£
SPIS TREœCI
Ajax. Æwiczenia
Autor: Marcin Lis
ISBN: 83-246-0686-6
Format: A5, stron: 168
Przyk³ady na ftp: 32 kB
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
DODAJ DO KOSZYKA
Ajax to nowe podejœcie do tworzenia witryn internetowych bazuj¹ce na ró¿norodnych
technologiach, takich jak HTML i JavaScript, obiekty XMLHttpRequest, style CSS,
model DOM czy XML. Charakterystyczne dla stron budowanych zgodnie z tym
podejœciem jest to, ¿e nie wymagaj¹ one prze³adowywania. Dziêki temu, ¿e przesy³ane
s¹ tylko niezbêdne dane, takie witryny internetowe dzia³aj¹ w sposób zbli¿ony do
standardowych aplikacji. Daje to wiele nowych mo¿liwoœci, dlatego Ajax zas³u¿enie
szybko zyska³ du¿¹ popularnoœæ.
„Ajax. Æwiczenia” to zbiór praktycznych æwiczeñ pokazuj¹cych, jak za pomoc¹
technologii zwi¹zanych z Ajaksem oraz jêzyka PHP wykonywaæ operacje pozwalaj¹ce
tworzyæ bardziej reaktywne witryny. Wykonuj¹c kolejne æwiczenia, nauczysz siê miêdzy
innymi wysy³aæ i pobieraæ dane za pomoc¹ obiektów XMLHttpRequest oraz dynamicznie
aktualizowaæ strony. Dowiesz siê, w jaki sposób Ajax wspó³pracuje ze skryptami PHP
oraz jak obs³ugiwaæ dane XML. Poznasz tak¿e wiele ró¿nych technik pozwalaj¹cych
na efektywne przesy³anie informacji miêdzy serwerem a przegl¹dark¹ w synchroniczny
i asynchroniczny sposób. Dziêki lekturze tej ksi¹¿ki nauczysz siê tworzyæ bogatsze
i bardziej reaktywne witryny internetowe.
• Przesy³anie danych za pomoc¹ obiektów XMLHttpRequest
• Wspó³praca Ajaksa z PHP
• Obs³uga danych XML
• Przesy³anie danych w ró¿nych formatach
• Generowanie kodu po stronie serwera
• Obiekty JSON
Tchnij wiêcej ¿ycia w swoje witryny internetowe
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWOœCIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Spis treści
Wstęp
Rozdział 1. Podstawy
Pierwsze kroki z AJAX-em
Obiekt XMLHttpRequest
Właściwości i metody obiektu XMLHttpRequest
Wysyłanie
żądania
do serwera
Przesyłanie danych między przeglądarką a serwerem
Transmisja synchroniczna
Inne sposoby tworzenia obiektu XMLHttpRequest
5
9
9
12
17
21
23
31
33
Rozdział 2. Kolejne kroki z AJAX-em
Pobieranie danych z różnych plików
Co nieco o obrazach
Dynamiczne zmiany na stronie
39
39
45
53
Rozdział 3. AJAX i skrypty serwera (PHP)
AJAX i PHP
Wysyłanie danych do serwera metodą GET
Wysyłanie danych do serwera metodą POST
AJAX i PHP w praktyce
59
59
67
79
87
4
Ajax •
Ć
wiczenia
Rozdział 4. AJAX i XML
Krótko o XML
Reprezentacja dokumentów XML
Odbieranie danych XML
Dynamiczne listy wyboru
AJAX, XML i PHP
105
105
107
110
120
126
Rozdział 5. Równoległa obsługa wielu
żądań
Problemy z równoległą obsługą
żądań
Użycie kilku obiektów XMLHttpRequest
Wykorzystanie funkcji wewnętrznych
133
133
140
143
Rozdział 6. Kiedy serwer odpowiada kodem
Serwer wysyła kod
Obiekty w standardzie JSON
147
147
157
4
AJAX i XML
Krótko o XML
Skrót AJAX oznacza
Asynchronous Javascript and XML
— z samej nazwy
wynika więc,
że
technika ta jest związana z językiem XML. Co prawda,
jak pokazały poprzednie rozdziały, stosowanie XML-a wcale nie jest
konieczne do tworzenia aplikacji AJAX-a, warto jednak wiedzieć, jak
wygląda współpraca między XML-em i AJAX-em oraz jak się tworzy,
pobiera i przetwarza tego typu dane. Takim właśnie zagadnieniom po-
święcony
jest czwarty rozdział.
XML to
EXtensible Markup Language,
czyli rozszerzalny język znacz-
ników. Jest to rozwijany przez organizację W3C (http://www.w3.org)
niezależny od platformy systemowej język opisu danych. Faktycznie
XML służy do wyprowadzania innych języków, tzw. aplikacji XML.
Pozwala na definiowanie struktury danych, struktury dokumentów,
zupełnie niezależnej od sposobu ich prezentacji, jak jest np. w HTML.
Nie ma w nim też narzuconego z góry zestawu znaczników. I to jest
jego największa siła. Dzięki tym cechom umożliwia
łatwą
wymianę
danych oraz bezproblemowe ich przetwarzanie.
Dokument XML składa się z nagłówka oraz zbioru znaczników defi-
niujących elementy dokumentu. Każdy element musi mieć znacznik
otwierający i zamykający, np.:
106
<element1>
dane
</element1>
Ajax •
Ć
wiczenia
chyba
że
jest elementem pustym (czyli niezawierającym danych). W tym
ostatnim przypadku znacznik będzie miał postać:
<znacznik />
W nagłówku należy natomiast określić wersję języka. W dalszych
ćwi-
czeniach będziemy stosować nagłówek w postaci:
<?xml version="1.0" ?>
Elementy dokumentu XML mogą być zagnieżdżane (podobnie jak znacz-
niki HTML), np.:
<element1>
<element2>
dane
</element2>
</element1>
Mogą także posiadać atrybuty, choć w niniejszej publikacji nie bę-
dziemy ich stosować. Jak może wyglądać prosty dokument XML? Na
przykład następująco:
<?xml version="1.0" ?>
<dokument>
To jest pierwszy dokument!
</dokument>
Mamy tu znacznik otwierający
<dokument>
i zamykający
</dokument>
. Te
znaczniki definiują element XML o nazwie
dokument
, natomiast tekst
znajdujący się między nimi to zawartość tego elementu. Przy czym
<dokument>
bynajmniej nie jest predefiniowanym elementem języka
— jest to nasz własny znacznik, który sobie wymyśliliśmy. Równie
dobrze można go nazwać np.
napis
:
<?xml version="1.0" ?>
<napis>
To jest pierwszy dokument!
</napis>
Te wiadomości wystarczą już do wykonania
ćwiczeń
znajdujących się
na kolejnych stronach.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin