AJAX soft

Jednym z pierwszych frameworków JavaScript, który pojawił się zaraz po narodzinach technologii AJAX, był Prototype JS. Jest to dość rozbudowana biblioteka, w której skład wchodzą funkcje niskopoziomowe ułatwiające szybki dostęp do elementów naszej strony oraz liczne rozszerzenia standardowych typów np. Array, Object czy Function.

Samo użycie AJAX’a wymaga nieco więcej kodu niż w przypadku wcześniej opisanych frameworków, dla przykładu aktualizacja zawartości elementu:

new Ajax.Updater('id_obiektu', 'skrypt.php', { method: 'get' });

Przesłanie formularza wymaga zebrania wszystkich danych i przesłania ich w postaci parametrów, czyli coś w stylu jQuery.

Prototype JS ma jedną niezaprzeczalną zaletę, mianowicie posiada rozszerzenie Script.aculo.us. W sumie to rozszerzenie to trochę mało powiedziane, jest to poteżny zestaw narzędzi do tworzenia dynamicznych elementów na stronie (np. drag & drop). Projekt wspierany jest przez programistów RubyOnRails, ale można z niego korzystać na wielu platformach.

Kolejnym godnym polecenia frameworkiem JavaScriptowym jest jQuery. Jest to chyba najpopularniejszy framework w sieci i nie jest to przypadek. To co czyni jQuery atrakcyjnym to bardzo duża ilość dodatków, dobra dokumentacja, duża społeczność. Początkujący programista bez trudu znajdzie tutoriale, porady i rozwiązania własnych problemów na forach.

Co do samego AJAX’a, użycie przypomina MooTools, by załadować zawartość skryptu do danego elementu, wpisujemy:

$("#id_elementu").load("skrypt.php");

O ile aktualizacja zawartości elementu jest bardzo prosta, to już przesłanie formularza wymaga bardziej złożonej implementacji, trzeba ‘ręcznie’ zebrać dane z formularza i przekazać do zmiennej:

$.post("test.php", { name: "John", time: "2pm" },
   function(data){
     alert("Data Loaded: " + data);
   });

Gdzie drugim parametrem są właśnie zebrane ‘ręcznie’ dane.