Ajax_cwiczenia_cajax.pdf

IDZ DO

PRZYK£ADOW Y ROZDZIA£

Ajax. Æwiczenia

SPIS TREœCI

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

CENNIK I INFORMACJE

ZAMÓW INFORMACJE

ONOWOœCIACH

ZAMÓW CENNIK

CZYTELNIA

FRAGMENTY KSI¥¯EK ONLINE

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

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

Rozdział 2.

Kolejne kroki z AJAX-em

Pobieranie danych z różnych plików

Co nieco o obrazach

Dynamiczne zmiany na stronie

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

Ajax• Ćwiczenia

Rozdział 4.

AJAX i XML

105

Krótko o XML

105

Reprezentacja dokumentów XML

107

Odbieranie danych XML

110

Dynamiczne listy wyboru

120

AJAX, XML i PHP

126

Rozdział 5.

Równoległa obsługa wielu żądań

133

Problemy z równoległą obsługą żądań

133

Użycie kilku obiektów XMLHttpRequest

140

Wykorzystanie funkcji wewnętrznych

143

Rozdział 6.

Kiedy serwer odpowiada kodem

147

Serwer wysyła kod

147

Obiekty w standardzie JSON

157

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

Ajax• Ćwiczenia

dane

</element1>

chyba że jest elementem pustym (czyli niezawierającym danych). W tym

ostatnim przypadku znacznik będzie miał postać:

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.:

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" ?>

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: