Kurs jQuery. Część 3: Dynamiczna witryna. AJAX i efekty interfejsu
Nie ma już obecnie nowoczesnej aplikacji sieciowej, która nie korzystałaby z technologi AJAX i cieszących oko efektów wizualnych. Niestety, niskopoziomowa obsługa obu zagadnień jest żmudna i wymaga znajomości wielu szczegółowych kwestii. Biblioteka jQuery może tę pracę znacznie ułatwić, dostarczając prosty i zwięzły interfejs. Przyjrzyjmy się więc bliżej, jak stworzyć dynamiczną witrynę internetową z wykorzystaniem narzędzi JavaScriptu.
Wprowadzenie
Wzrost popularności technologii AJAX przypadł na rok 2005, wraz z pojawieniem się usług firmy Google takich jak Gmail i Maps, choć sam mechanizm był dostępny w przeglądarkach internetowych już wcześniej. Dziś trudno sobie wyobrazić zaawansowane aplikacje internetowe bez tej technologii. Korzystanie z niej nie jest jednak usłane różami z dwóch zasadniczych powodów. Po pierwsze, Internet Explorer w wersji 6 i starszych wymaga użycia innego sposobu tworzenia obiektu JavaScript XMLHttpRequest odpowiedzialnego za komunikację z serwerem. Po drugie, wspomniany obiekt wymusza obsługę kilku stanów, co wiąże się z koniecznością poznania szczegółów jego budowy.
Korzystając z jQuery, unikamy wspomnianych problemów, gdyż biblioteka ukrywa przed nami całą, zbędną z punktu widzenia dewelopera aplikacji sieciowej, „bazę technologiczną”. Nie musimy nawet znać niskopoziomowego obiektu odpowiedzialnego za komunikację. Z odnoszących się do niego kwestii warto jedynie pamiętać o tym, że obecnie żądania ajaksowe za pomocą obiektu XMLHttpRequest mogą być zasadniczo realizowane tylko w obrębie tej samej domeny.
Gdy już pobierzemy dane, warto wyświetlić je użytkownikowi w przyjazny sposób, najlepiej wskazując miejsce dokonania zmian. Przeglądarki nie zawierają specjalnych obiektów efektów, więc wszystkie operacje trzeba by realizować ręcznie, tworząc dodatkowy kod wykonywany asynchronicznie (by nie blokować interfejsu użytkownika), wielokrotnie w ciągu sekundy. Zadanie to nie należy do najprostszych, szczególnie dla osób nie znających szczegółów działania DOM i funkcji czasowych JavaScript.
Także w tym aspekcie jQuery oferuje swoją pomoc, definiując kilka efektów wizualnych i dostarczając metody pozwalające w prosty sposób realizować dowolnie złożone kombinacje. W dalszej części artykułu pokażemy, jak wykorzystać te mechanizmy do tworzenia własnych efektów.
«poprzednia 1 2 3 4 ... 10 następna »
Komentarze
Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka
(słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.
Popularne
Nazwa padła ofiarą szantażystów, inni polscy hosterzy też zagrożeni?
22
Darmowy Internet od Aero2. Jak go zdobyć i jakie są prawdziwe koszta? Instrukcja krok po kroku
11
Programowanie w środowisku Android – wprowadzenie do projektowania aplikacji dla urządzeń mobilnych
17
Premiera Diablo 3 wzbudziła dyskusję na temat gier, które zawsze chcą być online
19
Nowy problem z Windows 8: bootuje się za szybko
10
Amerykańscy rodzice straszeni „e-narkotykami” dostępnymi w Sieci
21
Anonymous upubliczniają 1,7 GB danych wykradzionych Departamentowi Sprawiedliwości USA
12
Blueseed: libertariańska sztuczna wyspa przyciągnęła już ponad sto startupów z całego świata
8
Rewolucja w Firefoksie, nowa łatka czterokrotnie ograniczyła zużycie pamięci
20
Darmowy Internet od Aero2. Jak go zdobyć i jakie są prawdziwe koszta? Instrukcja krok po kroku
11
CVDazzle: makijaż jest w stanie pokonać automatyczne systemy ulicznego monitoringu
3
Programowanie w środowisku Android – wprowadzenie do projektowania aplikacji dla urządzeń mobilnych
17
Ubuntu 12.04 LTS już dostępny: stabilna dystrybucja na następne pięć lat?
28
Zostań webmasterem polskiego rządu, zarobisz na komfortowe życie dla siebie i swojej rodziny
33
Społeczność
anga star za droga ludzie wy myślicie!?Jestem 4 klasistką rodzice się nigdy nie...
Jan Zwyczajnych filmów tak kręcić się nie da co najwyżej krótkie scenki jak w...
piotrek____ @asdfgh - yup, też tak sądzę.
Tak jak wtedy ten przeciek o żołnierzu...
gonzales Javowcy pozdrawiają dotnetowców xD
kaziks Galaxy S II - u mnie po aktualizacji Firefox działa strasznie zacina się...
Doniek Szkoda że strona z demo nie działa - non stop się przeładowuje
bartez Niech zaczną jeszcze bardziej ograniczać programistów, to zdziwią się ilu...
- Najdmen.pl: Konta www z wyłączonym licznikiem transferu od IONIC.pl (1)
- 2BE.PL: [Oferta] Promocja jak złoto w 2BE.PL (1)
- gardius: Dobra hurtownia sportowa (1)
- gardius: Tanie książki gdzie warto kupować? (1)
- Najdmen.pl: PROMOCJA, 500 DOMEN .EU ZA 1 PLN NETTO ! (1)
- VMLine: [Oferta] Serwery VPS Xen-HVM/OpenVZ z darmową administracją (2)
- Marek: Generowanie PDFa (2)
Polecane książki
Praca
Czytaj Webhosting
Chcesz być na bieżąco z naszymi informacjami? Zapisz się na Newsletter.
Zarejestruj domenę
Sprawdź dostępność swojej domeny:
| .pl: | 0 zł | .com: | 19.90 zł | |
|---|---|---|---|---|
| .com.pl: | 0 zł | .eu: | 19.90 zł |









#1 matiiiiii 2009-09-09 10:39:09 0
IP: 83.13.247.[...] Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; pl; rv:1.9.0.13) Gecko/2009073021 Firefox/3.0.13
#2 albatros® 2009-09-09 15:24:08 0
IP: 87.205.240.[...] Opera/9.80 (X11; Linux i686; U; pl) Presto/2.2.15 Version/10.10
#3 Marcin Modestowicz® 2009-09-12 10:50:30 0
IP: 83.9.188.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.0.13) Gecko/2009073022 Firefox/3.0.13 (.NET CLR 3.5.30729)
#4 MicNeo® 2009-09-21 21:26:07 0
IP: 89.174.30.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3
#5 archer 2010-03-19 11:10:25 0
IP: 193.19.165.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2) Gecko/20100115 Firefox/3.6
#6 starr® 2011-01-02 10:57:48 0
IP: 83.18.228.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/534.10 (KHTML, like Gecko) Chrome/8.0.552.224 Safari/534.10