Evo jednog kratkog i jednostavnog primera koji pokazuje kako se iz statičkog XHTML fajla, uz pomoć jQuery JavaScript biblioteke može pozvati eksterni PHP fajl koji obrađuje vrednost izabranu u padajućoj listi na XHTML stranici i bez ponovnog učitavanja cele stranice, dinamički vraća rezultat obrade nazad.
Za potrebe ovog primera, odabrao sam jednostavno računanje kvadrata broja izabranog u padajućoj listi. Iz “stranica.xhtml” datoteke, bira se broj iz liste i klikom na dugme “Okini“, JavaScript funkcija iz datoteke “funkcije.js” poziva eksterni PHP fajl “obrada.php” koji računa kvadrat broja i vraća vrednost nazad u polje “<span id=”rezultat”>NaN</span>” koje se nalazi u početnoj XHTML stranici.
Da bi probali ovu skriptu, potrebno je da u istom folderu napravite sledeće datoteke sa sadržinom koja je navedena:
stranica.xhtml
[html]
Kvadrat izabranog broja je: NaN
[/html]
funkcije.js
[javascript]
// Funkcija koja poziva eksterni PHP fajl i ucitava rezultat
function funkcija(value) {
$(‘#rezultat’).load(‘obrada.php?broj=’+ value);
}
// Okidac koji klikom na dugme poziva funkciju
$(document).ready(function() {
$(“#dugme”).click(function() {
// Uzimamo vrednost iz padajuceg menija
funkcija(document.getElementById(‘broj’).value);
});
});
[/javascript]
obrada.php
[php]
< ?php
// Ulaz: Provera da li je poslata vrednost za $broj
if(isset($_GET[‘broj’])) {
$broj = $_GET[‘broj’];
}
else {
$broj = “NaN”;
}
// Obrada: Racunanje kvadrata broja
$rezultat = $broj * $broj;
// Izlaz: Ispis rezultata rada
echo ($rezultat);
?>
[/php]
