1

Galera, estou tentando só listar os nomes que tenho no banco, porém da mensagem undefined, alguém pode ajudar? Segue abaixo o jquery + a consulta ao banco.

jQuery:

<body>
    <script>
        $(document).ready(function() {
            $('#relatorio').click(function(event) {
                $.ajax({
                    type: 'post',
                    datatype: 'json',
                    url: 'ajax.php',
                    success: function(retorno){
                        for (var i = 0; i < retorno.length; i++) {
                            console.log(retorno[i].nome);
                        };

                    }
                })
            });         
        });
    </script>
    <input type="submit" name="Relatorio" value="Relatorio" id="relatorio">     
</body>

Consultado ao banco:

<?php   

$conect = conecta();    
$select  = seleciona($conect);
echo json_encode($select);

function conecta() {
    $server   = "localhost";
    $usuario  = "root";
    $senha    = "";
    $database = "teste";
    $conexao  = mysqli_connect($server, $usuario, $senha) or die(); 
    mysqli_select_db($conexao, $database);
    return $conexao;
}
function seleciona($conect) {
    $guarda = array();
    $query    = "SELECT * FROM teste";
    $executa  = mysqli_query($conect, $query);  
    $i = 0;     
    while ($resultado = mysqli_fetch_array($executa)) {
        $guarda[] = array('nome'=> (utf8_encode($resultado['nome'])));
    }
    return $guarda;
}
?>
6
  • Bem vindo ao Stack Overflow em Português, por favor evite caixa-alta e faça títulos mais detalhados. Espero que consiga o resultado.
    – Syzoth
    Commented 25/06/2015 às 15:28
  • Onde que dá undefined? Commented 25/06/2015 às 15:32
  • O retorno, quando eu imprimo no console Commented 25/06/2015 às 15:33
  • @JeffersonSantos Código da resposta foi modificado.
    – Syzoth
    Commented 25/06/2015 às 15:41
  • Perfeito, como faço para imprimir no corpo da pagina? Muito obrigado pela ajuda, pode me explicar o que as partes de códigos inseridas? Commented 25/06/2015 às 15:45

1 Resposta 1

3

Tente fazer isto, isto irá gerar um json de erro, tipo este {error: "Erro de conexão"}:

$conexao  = mysqli_connect($server, $usuario, $senha) or die(json_encode(array(
    'error' => mysqli_connect_error()
)));

e isto irá gerar o Content-Type para a resposta do jQuery:

header('Content-Type: application/json');

Código php deve ficar assim:

<?php
header('Content-Type: application/json');

$conect = conecta();    
$select  = seleciona($conect);
echo json_encode($select);

function conecta() {
    $server   = "localhost";
    $usuario  = "root";
    $senha    = "";
    $database = "teste";
    $conexao  = mysqli_connect($server, $usuario, $senha) or die(json_encode(array(
        'error' => mysqli_error()
    ))); 
    mysqli_select_db($conexao, $database);
    return $conexao;
}

function seleciona($conect) {
    $guarda = array();
    $query    = "SELECT * FROM teste";
    $executa  = mysqli_query($conect, $query);  
    $i = 0;     
    while ($resultado = mysqli_fetch_array($executa)) {
        $guarda[] = array('nome'=> (utf8_encode($resultado['nome'])));
    }
    return $guarda;
}
?>

E o jQuery deve ficar assim:

success: function(retorno){
    //Está linha detecta um erro de conexão
    if (retorno.error) {
        console.log(retorno.error);

    //Está linha detecta se a resposta é um array
    } else if (typeof retorno.length !== "undefined") {
        for (var i = 0; i < retorno.length; i++) {
            console.log(retorno[i].nome);
        };

    //Está linha detecta se houve falha na resposta e envia o para o log
    } else {
        console.log("Dados inválidos:", retorno);
    }
}

Código completo:

<body>
    <script>
        $(document).ready(function() {
            $('#relatorio').click(function(event) {
                $.ajax({
                    type: 'post',
                    datatype: 'json',
                    url: 'ajax.php',
                    success: function(retorno){
                        if (retorno.error) {
                            console.log(retorno.error);
                        } else if (typeof retorno.length !== "undefined") {
                            for (var i = 0; i < retorno.length; i++) {
                                console.log(retorno[i].nome);
                            };
                        } else {
                            console.log("Dados inválidos:", retorno);
                        }
                    }
                })
            });         
        });
    </script>
    <input type="submit" name="Relatorio" value="Relatorio" id="relatorio">     
</body>

Para adicionar ao corpo do HTML, você deve usar .html, .appendTo e outros que você pode ler na documentação do jQuery:

<body>
    <script>
        $(document).ready(function() {
            $('#relatorio').click(function(event) {
                $("#resposta").html("Carregando...");
                $.ajax({
                    type: 'post',
                    datatype: 'json',
                    url: 'ajax.php',
                    success: function(retorno){
                        if (retorno.error) {
                            $("#resposta").html(retorno.error);
                        } else if (typeof retorno.length !== "undefined") {
                            $("#resposta").html("");
                            for (var i = 0; i < retorno.length; i++) {
                                //Gera novos paragrafos:
                                $("<p></p>").html(retorno[i].nome).appendTo("#resposta");
                            };
                        } else {
                            $("#resposta").html("Dados inválidos:" + retorno);
                        }
                    }
                })
            });         
        });
    </script>
    <input type="submit" name="Relatorio" value="Relatorio" id="relatorio">
    <div id="resposta"></div>
  </body>
5
  • Perfeito, como faço para imprimir no corpo da pagina? Muito obrigado pela ajuda, pode me explicar o que as partes de códigos inseridas? Commented 25/06/2015 às 15:45
  • Isso mesmo, quero adicionar a um html. Commented 25/06/2015 às 15:50
  • Muito obrigado pela força Guilherme, então console.log(retorno[i].nome); no lugar disso quero jogar na tela esse retorno. Commented 25/06/2015 às 15:54
  • Consegui Guilherme, muito obrigado por tudo, abs Commented 25/06/2015 às 15:57
  • @JeffersonSantos Por favor se a resposta lhe resolveu o problema marque-a como correta, se não sabe como fazer isto, veja o tour: pt.stackoverflow.com/tour
    – Syzoth
    Commented 25/06/2015 às 16:01

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .