javascript Servidor retorna status 'undefined'

[Lioo_ 0]

Olá Pessoal!

Estou com um problema quando vou receber a resposta do servidor local.
Tenho um arquivo login.php que faz uma consulta no banco e retorna o resultado em formato json, juntamente com seu 'status' que pode ser "s" ou "n".

Eu pego esse retorno em um arquivo javascript(app.js) usando $.ajax. A requisição até é concluída com sucesso, entrando no .done, porém, quando preciso checar o 'status' dentro de um if, e fazer a ação, ela me retorna como undefined!

Chequei no console do chrome usando console.log, e nele mostra o valor certo de 'status' , porém na hora de passar no if não dá certo.

 

Podem me dar uma ajuda?

Segue o código:

login.php

<?php

header('Access-Control-Allow-Origin: *');
   
require("config.php");

$usuario = strip_tags($_POST['usuario']);
$senha = strip_tags($_POST['senha']);

$sql = $pdo->prepare("SELECT * FROM login WHERE usuario = :usuario AND senha = :senha");
    
$sql->bindValue(":usuario",$usuario,PDO::PARAM_STR);
$sql->bindValue(":senha",$senha,PDO::PARAM_STR);
$sql->execute();
          
$ln = $sql->fetchAll();
$n = $sql->rowCount();
    
    if ($sql) {
        if ($n>0){
           $retorno['status'] = "s"; 
           $retorno['dados'] = $ln;
           echo (json_encode($retorno));
        }else{
            $retorno['status'] = "n";
            echo (json_encode($retorno));
        }
        
    }
?>

app.js

$(function () {
    
    $('form[name=form-login]').submit( function(){  
        $.ajax({
            type: 'POST',
            url: 'http://localhost/arquivos/login.php',
            datatype:'json',
            data: $(this).serialize()
            
        }).done(function(data){
                console.log(data);
           
                if (data.status == "s"){
                    alert('OK!');
                }
                else if (data.status == "n"){
                    alert('Não OK');
                }
                else {
                    alert(data.status); 
                }
            })
        .fail(function(data){
                alert('Erro na requisição!');    
            });
       return false; 
    });
    
   
});

[Gabriel Heming 766]

Uma variável ser dita como undefined é algo restrido do javascript quando a variável não existe.

Tente da seguinte forma, adicione no .done e veja o resultado.

console.log(data);

Outro ponto, se não me engano, json é case sensitive, então o datatype seria dataType. Mas não estou certo disso.

[Lioo_ 0]

Olá, obrigado pela resposta.

Mudei para dataType com T maiúsculo e dessa maneira ele não faz a requisição e cai direto no .fail, inclusive com o T maiúsculo, nem chegam os dados do arquivo php no console...

Sobre o console.log(data), eu já tenho ele no .done.

EDIT: Quando uso datatype minúsculo, consigo pegar o json no console, quando coloco dataType maiúsculo, não consigo pegar, e dá o seguinte erro: Unexpected token A in json at position 0.

[Gabriel Heming 766]

Mostre qual a saída do console.log.

 

O T maiúsculo está correto. Seu script PHP está retornando mais dados que apenas um json.

 

Remova também a linha:

$retorno['dados'] = $ln;

E veja como o seu código se comporta.

 

Quando se utiliza scripts puramente em PHP, evite fechar a tag PHP. E procure outros dados sendo impressos.

[wootzor 103]

Acontece que, ao usares a função json_encode é criada uma string em formato JSON. Porém, ao fazeres a requisição AJAX essa resposta vai ser interpretada como texto.

 

O que tens de fazer é, quando recebes a resposta do servidor, transformar a string num objecto JSON usando o método JSON.parse(data).

 

Exemplo.

[Lioo_ 0]

Opa, consegui resolver colocando no arquivo php

header('Content-Type:application/json;charset=UTF-8');

e mudando o dataType para text:

dataType:'text',

Obrigado!