Come far interagire javascript e php
ALLWEB free
Web Directory Script Linguaggi
Italiano Inglese Tutte
 
 01 Nov 2014
aggiungi in preferiti  
Home    Mappa directory    Script




Interazione fra javascript e php:

Per i programmatori che utilizzano sia il linguaggio PHP che il linguaggio javascritp, a volte si pu˛ trovare utile riuscire a modificare l'uno in funzione dell'altro.
Se partiamo dal linguaggio PHP, non abbiamo nessun problema nel modificare il codice javascript, questo perchŔ agendo lato server possiamo manipolare tutto il codice che vogliamo prima di rispedire la pagina all'utente finale.
Se al contrario dobbiamo partire da javascript (lato client), per poi interagire con il php lato server, la cosa si complica.
L'unica soluzione possibile al momento Ŕ quella di manipolare i dati lato client con javascript, per poi inviare i risultati ottenuti ad una pagina dinamica, ossia inviare delle variabili con il metodo GET (visibili sulla barra degli indirizzi).



Esempio:

Supponiamo di dover sommare due variabili numeriche risultanti da un form, per poi spedire il risultato ed elaborare i dati lato server.
In questo caso dobbiamo manipolare i dati lato client (con un form), poi ricarichiamo la pagina spedendo la variabile ottenuta dinamicamente (sulla barra degli indirizzi) rendendola disponibile al server per operare con php.

Nell'esempio sottostante chiediamo al navigatore di inserire due numeri. Appena clicchi sul bottone somma il codice javascript calcola la somma dei due numeri e ti rispedisce su questa pagina, ma con il valore della variabile scritto nella barra degli indirizzi (in alto sul browser).
A questo punto non ci resta che riprendere il valore della variabile con php e farlo scrivere a video.
CODICE ESEMPIO:
<script type="text/javascript">
function interagisci(form){
num1=form.num1.value;
num2=form.num2.value;
num3=(num1*1)+(num2*1);
window.document.location.href='http://www.allwebfree.it/articolo_js_php.php?num3='+num3;
}
</script>
<form id="form" action="#">
<input name="num1" size="4" maxlength="4" />
<input name="num2" size="4" maxlength="4" />
<input onclick="interagisci(form)" type="button" value="Somma" />
</form>
<?
$num345=$_GET['num3'];
if($num345){
if($num345==NaN){echo"<br /><span style="color:red;">Devi inserire due numeri.</span><br />";}
else{echo"<br /><span style="color:red;">la somma dei due valori Ŕ ".$num345."</span><br />";}
}
?>