Dinamičko pozivanje PHP-a uz pomoć jQuery-ja

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

Jedan
Dva
Tri


Kvadrat izabranog broja je: NaN

        Okini

funkcije.js

// 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);
    });
});

obrada.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);
?>

Nadam se da će ovo nekome biti korisno