Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Specjalizacja "Dziennikarstwo On-line asynchroniczny JavaScript i XML – AJAX Część 6 Prowadzący: Dariusz Jaruga

Podobne prezentacje


Prezentacja na temat: "Specjalizacja "Dziennikarstwo On-line asynchroniczny JavaScript i XML – AJAX Część 6 Prowadzący: Dariusz Jaruga"— Zapis prezentacji:

1 Specjalizacja "Dziennikarstwo On-line asynchroniczny JavaScript i XML – AJAX Część 6 Prowadzący: Dariusz Jaruga

2 AJAX - asynchroniczny JavaScript i XML- wprowadzenie Czym jest AJAX ? AJAX jest metodą wymiany danych pomiędzy przeglądarką internetową, a serwerem WWW zmieniającym zawartość części strony WWW bez konieczności pobierania całego dokumentu. AJAX zapewnia dynamiczną interakcję z użytkownikiem strony i pozwala tworzyć aplikacje internetowe o funkcjonalności podobnej jaką posiadają programy instalowane bezpośrednio na komputerze. Co oznacza skrót AJAX ? AJAX - Asynchronous JavaScript and XML (asynchroniczny JavaScript i XML) Gdzie AJAX jest stosowany ? Technika AJAX stosowana jest w większości powszechnie używanych aplikacji internetowych takich jak: Google search, BING,Yandex.ru, Google Maps, Gmail, Youtube, Facebook, Outlook.com,Targeo, OpenStreet Map itp. Prezentacja w FF działania AJAX

3 AJAX– zasada działania Internet Przeglądarka WWW Serwer WWW wysłanie żądania odbiór żądania akcja użytkownika lub skryptu JavaScript Przetwarzanie żądania Wysłanie odpowiedzi odbiór odpowiedzi Aktualizacja fragmentu strony

4 AJAX – [1] akcja użytkownika lub skryptu JavaScript akcja użytkownika – kliknięcie na klawisz Uruchom AJAX akcja użytkownika uruchamia JavaScript w przeglądarce internetowej

5 AJAX – [1] akcja użytkownika lub skryptu JavaScript – funkcja DJ_ajaxGetDoc

6 AJAX – [2,3] wysłanie żądania z przeglądarki i odbiór przez serwer […] xmlhttp.open("GET","skrypt_na_serwerze.php",true); xmlhttp.send(); […] Realizacja skryptu - żądanie Wysłanie żądania na serwer

7 AJAX – [4] Przetwarzanie żądania Realizacja skryptu CGI po stronie serwera header("Content-type: text/plain"); header( "Last-Modified: ". gmdate( "D, d M Y H:i:s" ). " GMT" ); header( "Cache-Control: no-cache, must-revalidate" ); header( "Pragma: no-cache" );

8 AJAX – [5] Wysłanie odpowiedzi

9 AJAX – [6] odbiór odpowiedzi xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) {//Kod funkcji jaki zostanie wykonany o ile komunikacja z serwerem zakończy się sukcesem. document.getElementById("warstwa_dla_ajax").innerHTML=xmlhttp.responseText; } }

10 AJAX – [7] Aktualizacja fragmentu strony xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) {//Kod funkcji jaki zostanie wykonany o ile komunikacja z serwerem zakończy się sukcesem. document.getElementById("warstwa_dla_ajax").innerHTML=xmlhttp.responseText; } } Zmiana fragmentu strony WWW Funkcja zmiany fragmentu strony WWW.

11 AJAX – Prezentacja


Pobierz ppt "Specjalizacja "Dziennikarstwo On-line asynchroniczny JavaScript i XML – AJAX Część 6 Prowadzący: Dariusz Jaruga"

Podobne prezentacje


Reklamy Google