[ajax howto] Jeszcze prostszy AJAX: moo.ajax

[ajax howto] Jeszcze prostszy AJAX: moo.ajax, Prościej niż AdvAjax - najprościej ;-)

Fipaj Zobacz profil	14.04.2006, 14:23:52 Post #1
Grupa: Zarejestrowani Postów: 691 Pomógł: 0 Dołączył: 19.01.2005 Skąd: Warszawa Ostrzeżenie: (0%)	OK, trzeba się zrehabilitować ;-) Oto opis praktycznie najprostszego silniczka do obsługi Ajaksu ;-) Co będzie potrzebne? Potrzebne będą dwa skrypty - moo.ajax i prototype.lite. Oba można pobrać z mojego serwera: http://fipaj.livenet.pl/files/AJAX.tar.gz (naprawiony!) Zaczynamy Paczkę rozpakowywujemy i przenosimy na serwer (!). Aplikacja nie zadziała z protokołu file://, musimy umieścić ją na serwerze z obsługą php. Nasza aplikacja będzie składać się z czterech plików: * script.php * index.html * moo.ajax.js * prototype.lite.js Wszystkie przykłady znajdują się w w/w paczce. Po stronie serwera Plik script.php ma coś wypisywać na ekranie. Mogą to być dane z bazy bądź z pliku - to akurat nie jest ważne. W naszym przykładzie będzie to wyglądać tak: [PHP] pobierz, plaintext <?php sleep (10); print ("Jestem skryptem"); ?> [PHP] pobierz, plaintext Skrypt zasypia na 10 sekund, po czym wyświetla napis "Jestem skryptem". Ten pliczek można sobie dowolnie rozbudowywać, to chyba każdy umie ;-) Po stronie przeglądarki Skrypt moo.ajax to klasa o nazwie "ajax", którą wywołujemy z następującymi parametrami: * url - adres url skryptu, tutaj script.php * options [parametry] - o tym za chwilę Wywołanie połączenia wygląda więc tak: Kod new ajax (url, options); OK, co z tymi parametrami? Przede wszystkim podajemy je w tablicy, tak to wygląda w JS: Kod new ajax ('script.php', {klucz1: 'wartość', klucz2: 'wartość',...); Proste? Proste. Oto spis możliwych parametrów: * 'method' -> post bądź get, domyślnie post * 'postBody' -> parametry połączenia post * 'onComplete' -> nazwa funkcji wykonywanej po wykonaniu połączenia Ajaksu * 'update' -> id elementu, który zostanie wypełniony treścią pobraną z pliku php OK, teraz cały plik index.html: [HTML] pobierz, plaintext <html> <head> <title>Ajax!</title> <script src="prototype.lite.js"></script> <script src="moo.fx.js"></script> <script src="moo.ajax.js"></script> <script> window.onload = function () { new ajax ('php.php', {update: $('tekst'), onComplete: myFunction}); } function myFunction(request){ alert(request.responseText); } </script> </head> <body> <h1>Ajax Test! :)</h1> <p id="tekst">Ten tekst za chwilę zostanie zastąpiony przez inny ;-)</p> </body> </html> [HTML] pobierz, plaintext Zakończenie Dziękuję za uwagę ;-) A tutaj strona główna skryptu: http://www.mad4milk.net/entry/moo.ajax Ten post edytował Fipaj 14.04.2006, 15:08:57

Posty w temacie

Fipaj [ajax howto] Jeszcze prostszy AJAX: moo.ajax 14.04.2006, 14:23:52

GrayHat hehe wczesniej odkrylem ten silnik przyklad na st... 14.04.2006, 14:41:36

TomASS Proste Tylko zastanawiams się w czym jest prostsz... 14.04.2006, 23:03:25

Fipaj Nieeeeee! Czwarty raz ktoś przekręca mojego ni... 15.04.2006, 07:32:25

TomASS CytatNieeeeee! Czwarty raz ktoś przekręca moje... 15.04.2006, 08:02:39

Fipaj Ktoś zasugerował, aby wszystkie produktu mad4milk ... 15.04.2006, 08:06:19

seaquest Tylko jak ktoś kiedyś mądry powiedział: Po co wywa... 16.04.2006, 20:52:23

splatch // popieram seaquesta. 18.04.2006, 23:28:57

« Następny starszy · XML, AJAX · Następny nowszy »

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

Aktualny czas: 25.08.2025 - 06:39

Hosting zapewnia

Forum PHP.pl