Salve a tutti,

ho creato un form con un campo text e un pulsante submit. Attraverso AJAX voglio inviare il valore contenuto nella nel campo text al server php (quando l'utente fa click). Una volta che php lo ha ricevuto lo elabora e lo invia al browser.

Questo è il codice javascript

codice:
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="generator" content="AlterVista - Editor HTML"/>
  <title></title>
</head>
<body>

  <script>
     
     function attiva()
     {
     var http = new XMLHttpRequest();
     http.onreadystatechange = function()
     {
         if(http.readyState == 4 && httpRequest.status == 200)
         {
             document.write(http.responseText);
         }
     }
        http.open("GET", "operazione.php", true);
        http.send(null);
     }
  </script>
  
  <form name = "modulo">
  Digita il tuo nome: <input type = "text" name = "nome" id = "n"> <br>
  <input type = "submit" name = "pulsante" onclick = "attiva">
  </form>
  
</body>
</html>
Questo è la pagina operazione.php

codice:
<? 
$nome = $_GET["nome"];
echo "Ciao" . $nome;
?>
Quando premo il pulsante non succede nulla. Qualcuno gentilmente può aiutarmi ? Grazie.