Guida Html5 la tua risorsa web sul nuovo markup html5 il linguaggio javascript e lo sviluppo di giochi su browser.
TUTORIALS

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

- 19-09-2014 - Letture: 2219

In questo tutorial vediamo come sia semplice effettuare una chiamata Ajax inviando dati in post a una pagina php

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>

 

Articoli correlati
Loading comments
ebook sviluppare giochi in html5 e javascript
Il sito Guida HTML5 è stato realizzato da TheArchitect
Nome e Cognome
Email valida
Username
Password
* Cliccando su REGISTRATI accetti le nostre regole sulla privacy
ATTENZIONE: controllare sempre la cartella spam nella casella di posta, inquanto è possibile che alcuni provider inseriscano automaticamente la mail di attivazione in questa cartella.

CHIUDI
X

Password dimenticata ? Inserisci il tuo indirizzo email e ti invieremo i dati di accesso

Email valida
ATTENZIONE: controllare sempre la cartella spam nella casella di posta, inquanto è possibile che alcuni provider inseriscano automaticamente la mail di attivazione in questa cartella.

CHIUDI
X
Powered by: World(129)