Tenho essa função em JQUERY e AJAX, ela executa o que eu quero, porém, não entre no sucess para exibir a msg de sucesso e resetar o form, ele tá enviando a imagem pro servidor e os dados do form, o unico problema é esse, não da retorno de sucesso.
$("#form-fichaanimal").submit(function(){
var formulario = document.getElementById('form-fichaanimal');
var formData = new FormData(formulario);
$.ajax({
url : 'code-source/insert/ins-fichaanimal.php',
type : 'POST',
data : formData,
dataType: 'json',
processData: false,
contentType: false,
success: function(response){
if(response.codigo == "1"){
$("#btn-cadastrar-fichaanimal").html('Cadastrar');
$("#mensagem").html(response.mensagem);
$("#mensagem").addClass("alert alert-success");
$("#altura").val("");
$("#peso").val("");
$("#sanidade").val("");
$("#nutricao").val("");
$("#data_ficha").val("");
$("#modalidade").val("");
$("#arquivo").val("");
$("#cpf-proprietario-animal").val("");
$("#nome").val("");
$("#animal").val("");
}
else{
$("#btn-cadastrar-fichaanimal").html('Cadastrar');
$("#mensagem").html("<strong>Erro: </strong>" + response.mensagem);
$("#mensagem").addClass("alert alert-danger");
}
}
});
event.preventDefault();
$('html, body').animate({scrollTop: 0}, 900);
event.stopPropagation();
setTimeout(function(){
$('#mensagem').html("");
$('#mensagem').removeClass();
}, 5000);
});
Meu código de retorno na classe PHP
$retorno = array('codigo' => 1, 'mensagem' => 'Cadastro realizado!');
echo json_encode($retorno);
header('Content-Type: application/json');
confirme isso