Olá. Preciso salvar umas informações do formulário html em php mas sem recarregar a página. Procurei vários tutoriais e video aula de ajax mas estou fazendo algo muito errado ou realmente não entendi nada de como funciona o ajax. Meu html:
<form method='post' id="form">
Nome: <input name="nome" id="nome" type="text"/>
<input type="hidden" name="acao" />
<input type="submit" value="Enva" id="submit"/>
</form>
Javascript:
$(document).ready(function(){
$('#submit').click(function(event){
event.preventDefault();
$.ajax({
type: 'POST',
data: $("#form").serialize,
url: 'teste.php',
success:function(data) {
// deu certo?
}
});
});
});
Arquivo php:
<?php
if(isset($_POST["acao"])){
$nome = $_POST["nome"];
var_dump($nome);
}
Por que não envia nada no php? o que estou fazendo de errado?
()
... ou seja:$("#form").serialize()