Success: Function AJAX does not work

Question

I have this function in JQUERY and AJAX, it executes what I want, however, do not enter in sucess to display the successful msg and reset the form, it is sending the image to the server and the form data, the only problem is this, not the return of success.

$("#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);
});

My return code in the PHP class

$retorno = array('codigo' => 1, 'mensagem' => 'Cadastro realizado!');
    echo json_encode($retorno);

Answer 1

Apparently your problem is on the line that defines the expected return type:

{dataType:"json"}

However what Voce mentioned that your backend delivery is not a "json".

Delete the dataType line. Or switch to "string" as the expected returns are: (xml, json, script, or html)

source of information: jquery dataType