Jump to content
Jonas Ribeiro Nascimento

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

Recommended Posts

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

 

 

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Camilavip
      Oi, como consigo fazer uma página de erro ou redirecionamento ou aviso, caso alguém clique em um cadastro que já não existe ou não tenha?
      localhost/clientes/12/ricardo No exemplo acima eu clico no cliente com esse id 12 e abre os dados dele, mas se eu o excluir mas estiver com o link e colocar no navegador, ele abre a página, sem os dados dele, mas abre. Eu queria se caso não tivesse mais o id cadastrado, abrisse algo como nenhum cadastro encontrado ou existente.
    • By mamotinho
      Olá, gostaria de sabe como posso fazer uma contagem regressiva apartir de um registro em meu banco de dados eu tentei montar um código da seguinte forma:

       
      <? $DateGET = date('m/d/Y H:i A', strtotime($result->DateDiscount)); ?> <script> var valueDate = <?=$DateGET?>; var end = new Date(valueDate); var _second = 1000; var _minute = _second * 60; var _hour = _minute * 60; var _day = _hour * 24; var timer; function showRemaining() { var now = new Date(); var distance = end - now; if (distance < 0) { clearInterval(timer); document.getElementById("countdown").innerHTML = "EXPIRED!"; return; } var days = Math.floor(distance / _day); var hours = Math.floor((distance % _day) / _hour); var minutes = Math.floor((distance % _hour) / _minute); var seconds = Math.floor((distance % _minute) / _second); document.getElementById("countdown").innerHTML = "<span class='n_date day' id='days'>" + days + "</span><span class='date'>일</span>"; document.getElementById("countdown").innerHTML += "<span class='n_time hour' id='hrs'>" + hours + "</span>"; document.getElementById("countdown").innerHTML += "<span class='n_time minute' id='minus'>" + minutes + "</span>"; document.getElementById("countdown").innerHTML += "<span class='n_time second' id='secs'>" + seconds + "</span>"; } timer = setInterval(showRemaining, 1000); </script> Mais infelizmente não passou a data registrada no banco de dados, alguém teria ideia de como posso ta fazendo.
    • By emmanuelsiqueira30
      Pessoal preciso de uma ajudinha aqui se alguém puder me ajudar fico muito agradecido.
      O problema é o seguinte gostaria de editar dados de um formulário com checkbox usando html e php.
      Desde já agradeço por toda ajuda.
    • By liniker.o
      Boa tarde pessoal!
      Estou com um problema em meu código quando coloco uma referencia de fonte a mesma não carrega, quando faça o mesmo procedimento local colocando os caminhos de pasta funciona normalmente.
      Será que alguém poderia me ajudar?
      Segue o código.
      <html> <head> <title>Minha pagina</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- Se não declarar charset por meta, envie um header de igual valor --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <?php //Carregar imagem tamanho da imagen = 515x76 $img = ImageCreateFromJPEG("base.jpg"); //Definir cor $cor1 = imagecolorallocate($img, 0, 0, 0); $cor2 = imagecolorallocate($img, 0, 0, 0); // carregar fonte... $fonte1 = 'https://ff.static.1001fonts.net/r/o/roboto-condensed.light.ttf'; $fonte2 = 'https://ff.static.1001fonts.net/r/o/roboto-condensed.light.ttf'; //Escrever nome $txtNome = $_POST['nome']; $txtFuncao = $_POST['func']; $txtEmail = $_POST['email']; $txtDDD = "+55 ".$_POST['telefone']; // IMAGEM, TAMANHO_FONTE, 0, POSICAO X, posicao Y, TEXTO_COR, ARQ_FONTE, TEXTO imagettftext($img, 32, 0, 250, 100, $cor1, $fonte1, $txtNome); imagettftext($img, 18, 0, 250, 125, $cor1, $fonte2, $txtFuncao); imagettftext($img, 18, 0, 250, 150, $cor1, $fonte2, $txtEmail); imagettftext($img, 18, 0, 250, 180, $cor1, $fonte2, $txtDDD); //Header e output header('Content-type: image/jpeg'); imagejpeg($img,"Assinatura - ".$txtNome.".jpg"); imagedestroy($img); header('Location: Assinatura - '.$txtNome.'.jpg'); ?>  
    • By gersonab
      Boa tarde a todos, tenho um sistema de upload de arquivos que funciona perfeitamente, agora eu gostaria que estes arquivos fossem armazenados em nuvem, não no servidor, poderiam indicar um tutorial ou como proceder.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.