Untitled

<html>
<body>

<form name="modulo">
    <p>Username <input type="text" name="user" id="user"></p>
    <p>Password <input type="password" name="pass" id="pass"></p>
    <input type="button" id="bottone" value="Accedi">
</form>

<div id="risultato"></div>


<script src="http://code.jquery.com/jquery-latest.js"></script>


<script type="text/javascript">
$(document).ready(function() {
  $("#bottone").click(function(){		//Pigiando il bottone del form sopra si avvia ajax
    var user = $("#user").val();		//Salviamo come variabile il parametro #user e #pass
    var pass = $("#pass").val();
    $.ajax({
      type: "POST",
      url: "verificaCredenziali.php",   //url in cui scambiare i dati
      data: "user=" + user + "&pass=" + pass,  //inviamo i seguenti dati
      dataType: "",
      success: function(risposta)
      {
		  if(risposta=="correct")
			  $(location).attr('href','./benvenuto');
		  else
			  alert("Le tue credenziali non sono corrette");

        //$("div#risultato").html(risposta); //html modificherà il tag risultato con il valore risposta.
      },
      error: function() //in caso di errore va alert
      {
        alert("Chiamata fallita, si prega di riprovare...");
      }
    });
  });
});
</script>


</body>
</html>