Salve a tutti
sto provando ad inviare i dati di un form ad uno script php con jquery e $.ajax.
questo è il codice della pagina index.html
codice:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#submit').click(function(){
$.ajax({
type: "POST",
url: "index.php",
data: "name=John&location=Boston",
cache: false,
success: function(html)
$('#risposta').html(html);
}
});
});
});
</script>
</head>
<body>
<div id="risposta" style="width:200px; height:150px; border:1px solid black;">
</div>
<form method="POST" action="" name="signup">
<input type="text" name="Email" id="email" value="scrivi"/>
<input type="submit" id="submit" value="Invia" />
</form>
</body>
e questo è il semplice codice della pagina index.php:
codice:
<?
echo "ciao"
?>
Lo script php in questo caso è molto semplice mi serve solo per verificare se la richiesta funziona.
Solo che quando premo su INVIA la pagina viene ricaricata (cioè compare per un attimo la barra di caricamento di Firefox e nel div #risposta non compare il testo presente nel file php e cioè ciao.
dove sbaglio?
è tutta la mattina che ci sbatto la testa e pensare che ho gia usato in passato questo metodo senza problemi ma adesso davvero non riesco a capire dov'è il problema.
Grazie in anticipo per il vostro tempo
ciao
P.s.
lo script lo sto provando in locale è sia index.html che index.php sono nella stella directory