Aktualnie programista może sięgnąć po kilkanaście liczących się frameworków. Porównanie bibliotek znajdujące się na stronach Wikipedii zawiera 20 pozycji. Zamieszczona tam lista frameworków jest jeszcze dłuższa. Nie wszystkie rozwiązania aspirują do miana uniwersalnych.

Jednak nawet jeśli ograniczymy się tylko do najpopularniejszych bibliotek, to i tak staniemy przed trudnym wyborem. Wiele zależy od realizowanych przez nas zadań. Może się okazać, że projekt, nad którym pracujemy, wymusza wybranie jednego bądź dwóch frameworków. Celem tego artykułu jest wskazanie, w jakich konkretnych zastosowaniach sprawdzają się najpopularniejsze biblioteki JavaScript.

jQuery, czyli framework do wszystkiego

Jeden z najbardziej znanych i wszechstronnych frameworków. O jego sile stanowi między innymi modularność. Trzon biblioteki jest stosunkowo niewielki, jednak można go rozszerzyć za pomocą gigantycznego zestawu dostępnych wtyczek.

To ważna zaleta jQuery. Z drugiej strony wymaga to częstego poszukiwania kolejnych rozszerzeń, brakuje też jednej bazy zawierającej kompletną dokumentację. Jedno jest pewne: decydując się na jQuery, nie musimy obawiać się, że czegokolwiek nam zabraknie, ale czasem przyjdzie nam tego trochę poszukać.

jQuery integrujemy z projektem za pomocą jednej linijki kodu HTML.

<script type="text/javascript" src="js/jquery-1.5.min.js"></script>

Oczywiście, przy założeniu, że do tworzonej aplikacji dołączona jest kopia biblioteki. I to wystarczy, by skorzystać z funkcji jQuery.

Ale tylko do czasu. Prędzej czy później konieczne okaże się użycie wtyczek. Dobry przykład stanowi wysyłanie oraz analiza zawartości formularza bez przeładowania strony. Kod JavaScript może wyglądać następująco:

$('#id_formularza').ajaxForm({ 
target: '.wyswietl_tutaj', // tutaj pojawią się informacje zwrócone z pliku PHP wywołanego po wysłaniu formularza
});

Skrypt pozwala na wysłanie wypełnionego formularza i wyświetlenie odpowiedzi z serwera z użyciem technologii Ajax. Kod jest zwięzły i prosty. Jednak nawet w tak banalnym przykładzie konieczne okaże się skorzystanie z dodatkowej wtyczki. Jest nią jQuery Form Plugin. W kodzie HTML należy więc umieścić kolejny tag:

<script type="text/javascript" src="js/jquery.form.js"></script>

Proste wysłanie danych na serwer nie wymaga już stosowania żadnych rozszerzeń.

$.post ("plik.php", { dane: "Witaj świecie!"});

Wzbogacenie skryptów o funkcje odpowiedzialne za reagowanie na poczynania użytkownika jest wyjątkowo proste. Nie ma przy tym znaczenia, czy wykorzystujemy dodatkowe pluginy. Oto przykładowy skrypt ujawniający zawartość elementu <div> w reakcji na kliknięcie i jednocześnie odświeżający widget odpowiedzialny za wyświetlanie zagnieżdżonych list (struktura projektów, dokumentów, katalogów), zaimplementowany za pomocą wtyczki jsTree:

$("#pokaz").click(function() { 
$("#cos_ukrytego").show(); 
$("#demo1").jstree('refresh',-1); 
});

Ze względu na ogromną bazę wtyczek jQuery jest rozwiązaniem uniwersalnym. Najprawdopodobniej uda nam się wykorzystać tę bibliotekę w większości projektów, bez konieczności sięgania po inne frameworki.

Rysunek 1. jQuery to także setki aktualizowanych na bieżąco dodatków. Na zrzutce przeglądarka pluginów.

Jeśli jednak nie odpowiada nam sposób obsługi zapytań HTTP, praca z DOM lub ubóstwo widgetów i efektów (w podstawowym pakiecie), to warto sięgnąć po inne rozwiązania. Nie brak programistów zniechęconych do jQuery ze względu na wymuszany przez tę bibliotekę sposób pisania kodu.