Mvc Php + Ajax não consigo passar return json_encode para o response do ajax

[Jonas Ribeiro Nascimento 0]

Ola a todos e agradeço desde já

Tenha a classe de validação do form onde pega todos os erros do form:

// Validação final do cadastro
    public function validateFinalCadastro($arrVar) {

            if(count($this->getErro())>0){
                    $arrResponse=[
                        "retorno"=>"erro",
                        "erros"=>$this->getErro()
                    ];


                }else{
                    $arrResponse=[
                        "retorno"=>"success",
                        "erros"=>null
                    ];

            }

            return json_encode($arrResponse, JSON_UNESCAPED_UNICODE);

    }

Aqui tenho o Controller que passa para view:

public function teste() {
            //echo 'esse é um teste';
            $this->recVariaveis();

            $validate = new ClassValidate();
            $validate->validateFields($_POST);
            $validate->validateEmail($this->Email);
            $validate->validateIssetEmail($this->Email);
            $validate->validateData($this->DataNascimento);
            $validate->validateCpf($this->Cpf);
            $validate->validateConfSenha($this->Senha,$this->SenhaConf);
            $validate->validateStrongSenha($this->Senha);                
            $validate->validateCaptcha($this->gRecaptchaResponse);
            $validate->validateFinalCadastro($this->arrVar);
    }

Se eu dar um echo, print ou vardump na $validate->validateFinalCadastro($this->arrVar); consigo passar ela pra view e apresentar o erro ...ele apresenta depois do fechamento do html da pagina...

{"retorno":"erro","erros":["Email já cadastrado!","Utilize uma senha mais forte!","Sistema de segurança foi ativado! Atualize a página e tente novamente ou aguarde mais um pouco."]}

Aqui esta o ajax sem datatype: 'json'

Sem datatype: 'json' eu entro no success reponse mais caio no else, porque o response.retorno esta sem o datatype: 'json'.

$('#FormCadastroClientes').on('submit', function(event){ event.preventDefault(); 
var dados=$(this).serialize(); console.log(dados);

$.ajax({
    url: getRoot()+'CadastroClientes/teste',
    type: 'post',
    contentType: "application/x-www-form-urlencoded;charset=UTF-8",
    data: dados,
    success: function (response) {
        $('.retornoCad').empty();
        if(response.retorno == 'erro'){
            getCaptcha();
            $.each(response.erros,function(key,value){
                $('.retornoCad').append(value+'');
            });
        }else{
            $('.retornoCad').append('Dados inseridos com sucesso!');
        }
    },

    error: function (response, jqXHR, request, status, errorThrown, erro) {

            console.log(response);
            //alert(dados);                                     
            console.log(dados);                                     
            //alert(jqXHR);                                     
            console.log(jqXHR);                                     
            //alert(request);                                     
            console.log(request);                                     
            //alert(status);  
            console.log(status);  
            //alert(errorThrown); 
            console.log(errorThrown); 
            //alert(erro);                                      
            console.log(erro);                                      

         },

    complete: function (jqXHR, textStatus) {
            //colocar aqui algo que deseja que faça ao terminar todo o processo (finnaly)

    }

});

Ajax com datatype: 'json' nao consigo entrar no success ele já cai no erro

$('#FormCadastroClientes').on('submit', function(event){
event.preventDefault();
var dados=$(this).serialize();
console.log(dados);

$.ajax({
    url: getRoot()+'CadastroClientes/teste',
    type: 'post',
    dataType: 'json',
    data: dados,
    success: function (response) {
        $('.retornoCad').empty();
        if(response.retorno == 'erro'){
            getCaptcha();
            $.each(response.erros,function(key,value){
                $('.retornoCad').append(value+'');
            });
        }else{
            $('.retornoCad').append('Dados inseridos com sucesso!');
        }
    },

    error: function (response, jqXHR, request, status, errorThrown, erro) {

            console.log(response);
            //alert(dados);                                     
            console.log(dados);                                     
            //alert(jqXHR);                                     
            console.log(jqXHR);                                     
            //alert(request);                                     
            console.log(request);                                     
            //alert(status);  
            console.log(status);  
            //alert(errorThrown); 
            console.log(errorThrown); 
            //alert(erro);                                      
            console.log(erro);                                      

         },

    complete: function (jqXHR, textStatus) {
            //colocar aqui algo que deseja que faça ao terminar todo o processo (finnaly)

    }

});

Observações: - Consigo inserir no banco tudo ok. - Consigo apresentar o rertun json_encode direto na view - Consigo entrar no success do ajax sem usar datatype: 'json' não entro no if para ler o array mais entro no else.

Eu recebo esse erros no console.log

No response eu teria que receber o return do json_encode e não recebo. O que eu recebo é o html da view.

O ajax esta esperando um retorno em json e nao o html da pagina.

parsererror SyntaxError: "JSON.parse: unexpected character at line 1 column 1 of the JSON data"

Obrigado a todos.....atecipadamente

 

 

[Williams Duarte 431]

Se você está retornando um Json, o contentType tem que ser do tipo application/json.

Exemplo:

dataType: 'json',
contentType:'application/json',
crossDomain: true,
cache: false

 

[Jonas Ribeiro Nascimento 0]

16 horas atrás, Williams Duarte disse:

Se você está retornando um Json, o contentType tem que ser do tipo application/json.

Exemplo:

dataType: 'json',
contentType:'application/json',
crossDomain: true,
cache: false

 

Oi Williams descobri o erro eu estava retornando o html da pagina inteira e o ajax esperando o json... Entao criei na minha rotas uma view sem nada somente com returno do json ai deu certo