Vežbe - IX nedelja - PHP i Ajax Dražen Drašković, asistent Aplikacija je bilo koji program koji je napravljen da bi bio pojednostavljen ili obavljen neki zadatak Klasična aplikacija je instalirana na klijentskoj mašini Klasična aplikacija se pokreće izvršavanjem određenog izvršnog fajla (exe) • AJAX = Asynchronous JavaScript and XML • AJAX je tehnika za kreiranje brzih i dinamičkih veb stranica. • AJAX dozvoljava veb stranicama da se menjaju asinhrono izmenom male količine podataka • Komunikacija sa serverom odvija u pozadini i na taj način je moguće menjati delove stranice, a ne celu stranicu • Klasične veb stranice (koje ne koriste AJAX) moraju menjati celu stranicu ako se bilo koji deo stranice promeni • Primeri aplikacija koje koriste AJAX: Google Maps, Gmail, YouTube, Facebook • AJAX je baziran na Internet standardima i koristi kombinaciju: – XMLHttpRequest objekta (da asinhrono razmenjuje podatke sa serverom) – JavaScript/DOM (da prikaže/poveže se sa informacijama) – CSS (za prikaz stila podataka) – XML (najčešće korišćen za format prenetih podataka) • AJAX aplikacije su nezavisne po pitanju čitača i platformi! • AJAX je postao popularan od 2005.godine kada je počeo da ga koristi Google, za opciju Google Suggest. • Google Suggest koristi AJAX da kreira veoma dinamički veb interfejs: Kada se počne sa unosom u Google search box, JavaScript šalje karaktere serveru i server vraća listu sugestija. • Osnovna komponenta AJAX tehnologije je XMLHttpRequest objekat. • Svi moderni čitači podržavaju XMLHttpRequest objekat (IE5 i IE6 koriste ActiveXObject). • XMLHttpRequest objekat se koristi za razmenu podataka sa serverom u pozadini. Na ovaj način je moguće promeniti deo stranice, bez učitavanja cele stranice. • Ostali čitači (IE7+, Firefox, Chrome, Safari i Opera) imaju ugrađen XMLHttpRequest objekat. • Syntaksa za kreiranje XMLHttpRequest objekta je: xmlhttp=new XMLHttpRequest(); • Starije verzije Internet Explorer (IE5 i IE6) koriste ActiveX: xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); • Da bi se obuhvatili svi moderni čitači, uključujući IE5 i IE6, treba proveriti da li čitač podržava XMLHttpRequest objekat. • Ako podržava, kreira se XMLHttpRequest objekat, ako ne, kreira se ActiveXObject: if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } • Da bi se poslao zahtev ka serveru, koriste se open() i send() metode XMLHttpRequest objekta: xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send(); • open(method,url,async) • Specificira tip zahteva, URL, i da li se zahtev izvršava asinhrono ili ne. • method: tip zahteva: GET ili POST url: lokacija fajla na serveru async: true (asynchronous) ili false (synchronous) • send(string) • Šalje se zahtev ka serveru. string: Koristi se samo za POST zahteve • GET je jednostavniji i brži nego POST, i koristi se u većini slučajeva. • Ipak uvek treba koristiti POST kada: • Keširan fajl nije potreban (promeniti fajl ili bazu podataka na serveru) • Šalje se velika količina podataka na server (POST nema limit u veličini) • Šalje se unos korisnika (koji može sadržati nepoznate karaktere), POST je mnogo više robustan i bezbedniji nego GET