Ciao a tutti,
Attualmente riesco a inviare i dati solo ricaricando la pagina php, invece vorrei inviare i dati dal form e riceverli in maniera asincrona, senza caricare la pagina php.
Ringrazio per l'attenzione
Allego la pagina html
codice HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="https://malsup.github.com/jquery.form.js"></script>
<title>Documento senza titolo</title>
</head>
<body>
<div id="form">
<form id="inputform" action="risultato.php" method="post">
Inserisci il nome:<br/>
<input type="text" name="nome" id="nome"/><br/>
Inserisci il cognome:<br>
<input type="text" name="cognome" id="cognome"/><br/>
Inserisci il e-mail:<br>
<input type="text" name="mail" id="mail"/><br/><br/>
<input type="submit" value="invia" id="submit">
</form>
</div>
<div id="test"></div>
<script type="text/javascript">
$(document).ready(function() {
//al click sul bottone del form
$('#inputform').submit(function() {
//associo variabili
var nome=$("#nome").val();
var congnome=$("#cognome").val();
var mail=$("#mail").val();
$.post("risultato.php", {nome:nome, cognome:cognome,mail:mail}, function(prova){
$("#test").html(prova);
});
});
});
</script>
</body>
</html>
Codice PHP:
<meta charset="utf-8">
<title>Documento senza titolo</title>
</head>
<body>
<?php
echo 'Name: '.$_POST['nome'].'<br/>';
echo 'cognome: '.$_POST['cognome'].'<br/>';
echo 'email: '.$_POST['mail'].'<br/>';
?>
</body>
</html>
Rispondi quotando
