Sadržaj
Jquery AJAX je li on Javascript podrška za asinkronu obradu zahtjeva prema web poslužitelju.Koristi se za izradu dinamičkih web stranica. Ove aplikacije ili web stranice rade na klijentu, pregledniku korisnika uz održavanje asinkrone komunikacije s poslužiteljem u pozadini, na taj način se može poslati zahtjev poslužitelju da ga obradi i primati obrađene podatke bez da korisnik promijeni stranicu ili se mora osvježiti, to je također transparentno za korisnika, budući da ne vidi na koju je stranicu postavljen zahtjev.
Izradimo funkciju za pregled baze podataka iz web obrasca
Izrađujemo web s obrascem koji ćemo nazvati index.html
Ime: | ||
Grad: | ||
Rezultat će biti html obrazac s detaljno opisanim poljima, a kasnije će se stvoriti funkcija infoclientes ().
Sada stvaramo bazu klijenata koju ćemo koristiti kao primjer za konzultacije:
CREATE TABLE `customers`` customers` (` id` INT (10) NOT NULL AUTO_INCREMENT, `name` VARCHAR (255) NOT NULL,` city` VARCHAR (255) NOT NULL, PRIMARY KEY (`id`)) MOTOR = INNODB;
U bazu podataka ubacujemo neke podatke:
Sada stvaramo datoteku customers.php za upite po imenu i za vraćanje grada, moglo bi se pregledati bilo koje drugo polje ili nekoliko polja koja su unesena u obrazac.
Ajax funkcija sada nam je potrebna kako bismo iz obrasca mogli pozvati php datoteku i poslati zahtjev poslužitelju. U njoj stvaramo funkciju infoclientes () koju smo ostavili na čekanju.
Kada pokrenemo web index.html možemo napisati polje s imenom i kliknuti na konzultirati to nam daje rezultat koji je pohranjen u info div i u okvir za tekst; a da niste osvježili stranicu.
Ako imamo Firebug, možemo vidjeti zahtjeve, koliko dugo traju, koji su parametri korišteni i kakav je odgovor poslužitelja, u ovom slučaju ovom je upitu trebalo 30 tisućinki sekunde da se pokrene na poslužitelju i ponovo prikaže u pregledniku.
Korištenje jqueryja i ajaxa omogućuje poboljšanje upotrebljivosti aplikacije, postiže se veća brzina, jer to nije potrebno ponovno vraćati cijelu stranicu i natjerati korisnika da čeka.
Podaci se mogu tražiti i prikazivati na različite načine prema potrebi.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod