Metodo .post() con jQuery per chiamate AJAX in tempo reale



by   |  LETTURE 3528

Metodo .post() con jQuery per chiamate AJAX in tempo reale

In questo tutorial vediamo come è semplice richiamare l'output di una pagina php inviando dati in Post sfruttando le potenzialità di jQuery. Per prima cosa scriviamo la pagina PHP che riceverà la chiamata ed effettuerà la somma dei 2 valori ricevuti: somma.php

 <?php   if (isset($_POST['v1']) && isset($_POST['v2'])) {   	$result = intval($_POST['v1'] + $_POST['v2']);  	echo intval($result); }   ?>
E adesso creiamo la nostra pagina index.php:
 <html> <head> <title>jQuery POST data send</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>   <script type="text/javascript" language="javascript">   	function send() { 	  		$.post("somma.php", { v1: $('#v1').val(), v2: $('#v2').val() },  		function(result) { 			 $('#output').html("Risultato della somma: " + result); 		}); 	}  </script> </head>   <body> <center> <br> <div id="output"></div> <br/><br/> V1: <input type="text" id="v1" onKeyUp=" send(); " />  + V2: <input type="text" id="v2" onKeyUp=" send(); " /> </center> </body>   </html>