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>