Estou fazendo um simples formulário para ser enviado com jQuery Ajax. Os dados estão sendo enviados, mas está atualizando a página normal.
Gostaria de saber o que estou fazendo errado, pois no envio do formulário a página está sendo atualizada, mas eu gostaria que isso não ocorresse.
Segue os códigos:
Ajax:
$(document).ready(function() {
$(".enviamensagem").submit(function (){
$(".listamensagem").html("<h4>Carregando Mensagens</h4>");
var formdata = $(".enviamensagem").serialize();
$.ajax({
type:"POST",
url:"dados.php",
data: formdata,
beforeSend: function(){
},
success:function(data){
$("#areamsg").html(data);
}
});
});
});
HTML:
<form method="post" class="enviamensagem">
<fieldset>
<label >Escrever Mensagem:
<textarea name="mensagem" required></textarea></label>
<input type="submit" class="botao" id="btnenviamsg" value="Enviar" />
</fieldset>
</form>
.submit(function(){...
para.submit(function(e){...
e adicione logo no inicio da functione.preventDefault();
antes de$(".listamensagem")...
, acho que resolve