Codul PHP este executat pe server iar datele de iesire sunt transmise la navigatorul web.
Codul JavaScript este executat de browser pe calculatorul utilizatorului, dupa excutia codului de pe server.
Combinand aceste doua limbaje de programare web, se pot obtine scripturi JavaScript dinamice, cu rezultate in functie de datele primite si procesate de server. Astfel, aceeasi pagina de site poate contine un cod JavaScript pentru un utilizator si alt cod JS in cazul altui utilizator.
- Sunt 2 modalitati de a combina JavaScript cu PHP ca sa se obtina un rezultat dinamic sau personalizat:
<?php echo '<script> var str ="Cod JS"; </script>'; ?>
Atentie, trebuie sa tineti cont de modul de lucru al ghilimelelor din cod, astfel incat ceea ce va fi returnat de "echo" sa fie un script JS ca si cum a fost scris in codul HTML.
<script> var str ='<?php echo $var_php; ?>'; </script>
De exemplu, intr-o pagina web cu sistem de autentificare sa fie afisata o fereastra Alert cu numele utilizatorului dupa ce s-a autentificat.
In acest caz, presupunem ca numele de utilizator e stocat in PHP intr-o variabila de sesiune: $_SESSION['nume'].
Folosind prima metoda, codul PHP ar fi urmatorul:
<?php session_start(); // Aceasta functie trebuie scrisa la inceputul fisierului php // Cod php ... echo '<script>alert("Bine ai venit '. $_SESSION['nume']. '");</script>'; ?>
<?php session_start(); // La inceputul paginii php ?>- O astfel de fereastra Alert poate fi utila in cazul notificarii utilizatorului cu date ce pot fi extrase de PHP dintr-o baza de date sau fisier, cum ar fi instiintarea unui nou mesaj privat.
<!-- Cod HTML --> <script> var user ="<?php echo $_SESSION['nume']; ?>"; alert('Bine ai venit '+ user); </script>
Un ceas facut si afisat in pagina cu JavaScript va afisa ora de la calculatorul vizitatorului. Daca se doreste afisarea unei aceleasi date (de pe server) pentru toti vizitatorii, cum ar fi in cazul unor jocuri, trebuie adaugat in scriptul JS timpul de pe server, dupa cum e si in urmatorul exemplu:
<div id='tag_ora'></div> <script> // Script ora server-time, de la https://marplo.net // Preia data serverului prin PHP var dt_serv = new Date(<?php echo date('y,n,j,G,i,s'); ?>); // Defineste variabilele JS de lucru var ore = dt_serv.getHours() // Preia ora var minute = dt_serv.getMinutes() // Preia minutele var secunde = dt_serv.getSeconds() // Preia secundele // Functia de prelucrare si afisare a datelor function ceas(){ secunde++; if(secunde>59){ secunde = 0; minute++; } if(minute>59){ minute = 0; ore++; } if(ore>23) ore = 0; var output ='<h4>Ora server - '+ore+':'+minute+':'+secunde+'</h4>'; document.getElementById('tag_ora').innerHTML = output; } // Apeleaza functia la fiecare secunda setInterval('ceas()', 1000); </script>- Testati singuri pt. a vedea rezultatul.
Ati vazut in site-urile pt. trafic sau afisare banner ca e necesar adaugarea in pagina a unui mic cod JS cu o anume adresa URL la atributul "src".
Acestea folosesc acelasi principiu, de combinare PHP cu JavaScript.
Adresa din codul ce trebuie adaugat in pagina apeleaza un script PHP, acesta preia cu $_GET parametri din adresa URL primita si in functie de acestia prelucreaza datele pe server si construieste pentru returnarea rezultatului un cod JavaScript si HTML (fara tagul <script>) care va determina afisarea in pagina (cu document.write, sau innerHTML intr-un anume tag) a unui cod HTML pt. banner, trafic, top, ... etc.
Ca sa intelegeti mai bine, experimentati urmatorul exemplu:
1. Creati pe server un fisier php, cu denumirea "phpjs_test.php", si adaugati urmatorul cod:
<?php // Exemplu test, de la https://marplo.net // Creaza o un array cu denumiri $ids =[1=>'php-mysql', 2=>'javascript', 3=>'html']; // Preia id-ul de la adresa URL // Va returna cu echo un link (cu denumirea asociata din array) intr-un cod specific JavaScript (document.write) if(isset($_GET['id'])){ if($sir = $ids[$_GET['id']]){ // Va determina afisarea unui link in pagina apelanta echo 'document.write("<a href=\'https://marplo.net/'. $sir. '\'>Curs '. $sir. '</a>");'; } } ?>
<script src='phpjs_test.php?id=2'></script>
Trebuie acordata atentie la imbricarea ghilimelelor in codul php de returnare a rezultatului. Rezultatul transmis de "echo" trebuie sa rezulte un cod JS corect ce poate fi recunoscuta si executata de JavaScript.
<input type="number" name="points" min="5" max="80" />
#id { filter:alpha(opacity=40); /* for IE */ opacity:0.4; }
var num = 12.84567; alert( num.toPrecision(3) ); // 12.8
$lang =[10=>"PHP", 20=>"JavaScript", "site"=>"coursesweb.net"); shuffle($lang); var_export($lang); // array (0=>"coursesweb.net", 1=>"PHP", 2=>"JavaScript")
She is the best in our class. - Ea este cea mai buna din clasa noastra.
Él es el mejor en nuestra clase. - El este cel mai bun din clasa noastra.