1

Galera estou fazendo um carregamento sobre demanda uso um botão que ao usuário clicar nele carrega os dados de 2 em 2, esses dados vem do banco de dados, porem nesse código que postarei logo abaixo não funciona quando coloco os .

$(function(){

carregar(0, 2, "CarregarUsuario.php");

$("button.carregar-mais").click(function(evento){

    //desabilitando carregamento
    evento.preventDefault();

    var inicio = $("tbody tr").length;

    carregar(inicio, 2, "CarregarUsuario.php");
});

function carregar(inicio, maximo, url) {

    var dados = {inicio: inicio, maximo: maximo};

    $.post(url, dados, function (data) {

        for(i = 0; i < data.dados.length; i++) {

            $("tbody").append(
                "<tr>" +
                "<td>" + data.dados[i].CodigoUsuario + "</td>" + 
                "<td>" + data.dados[i].NomeUsuario + "</td>" + 
                "<td>" + data.dados[i].Email_Interno + "</td>" +
                "<td>" + data.dados[i].Senha + "</td>" +
                "</tr>"
            );
        }

        var conta = $("tbody tr").length;

        if(conta == data.resultadoQuantidade) {

            $("button.carregar-mais").hide();
        }
    },"json");
}

});

Nessa parte aqui se eu tirar o tr ai funciona mais não sei porque:

                "<td>" + data.dados[i].CodigoUsuario + "</td>" + 
                "<td>" + data.dados[i].NomeUsuario + "</td>" + 
                "<td>" + data.dados[i].Email_Interno + "</td>" +
                "<td>" + data.dados[i].Senha + "</td>"

Alguém pode me ajudar ?

Pessoal logo abaixo esta a parte que faz conexão com o banco de dados, Acho que ficara mais claro como o código funciona:

<?php

include_once("ConexaoBancoDados.php");

$inicio = $_POST['inicio'];
$maximo = $_POST['maximo'];
// var_dump($_POST);
// $inicio = 1;
// $maximo = 10;

$resultUsuarioCont = mysqli_query($conn, "SELECT * FROM usuarios");

$resultado["resultadoQuantidade"] = mysqli_num_rows($resultUsuarioCont);

$resultUsuario = mysqli_query($conn, "SELECT * FROM usuarios LIMIT $inicio, $maximo");

if($resultado["resultadoQuantidade"] > 0) {

    while($linhaUsuario = mysqli_fetch_assoc($resultUsuario)) {
        $resultadoDados[] = $linhaUsuario;
    }

    $resultado["dados"] = $resultadoDados;
}else {
    $resultado["dados"] = null;
    $resultado["resultadoQuantidade"];
}
// var_dump($resultado["dados"]);
header('Content-type: application/json');
echo json_encode($resultado);
14
  • Você poderia deixar assim: "<tr><td>" e "</td></tr>". Qual o resultado se printar no console o texto que está sendo montado?
    – BrTkCa
    Commented 30/12/2016 às 13:13
  • Imprimiu certinho:
    – Lucas Lima
    Commented 30/12/2016 às 13:24
  • imprimiu isso: <tr><td> </td></tr>
    – Lucas Lima
    Commented 30/12/2016 às 13:25
  • olha o que fiz no apped e não funcionou:]
    – Lucas Lima
    Commented 30/12/2016 às 13:27
  • $("tbody").append( '<tr><td> </td></tr>' );
    – Lucas Lima
    Commented 30/12/2016 às 13:28

2 Respostas 2

1

Tente dar um id pra sua tabela e usar o código abaixo pra ver se funciona.

$("#idDaTabela tr:last").after(...);

Update:

Também parece haver um problema em como você está selecionando o botão. Coloque o id "button-carregar-mais" (veja que removi o ponto do id) no botão e chame assim:

$("#button-carregar-mais").on("click", function(evento){...});

Veja o exemplo:

$(function() {
  $("#button-carregar-mais").on("click", function(evento) {
    $("#tabela tr:last").after("<tr><td>Nova Linha</td></tr>");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="button-carregar-mais">
  Botão
</button>
<table id="tabela">
  <tbody>
    <tr>
      <td>Linha Existente</td>
    </tr>
  </tbody>
</table>

1
  • Vou tentar usar dessa forma !
    – Lucas Lima
    Commented 3/01/2017 às 13:57
0

Pessoal consegui achar o problema acho que vou abrir uma nova pergunta, o problema está no php, json_encode esta retornando null, não sei porque, imprimi a consulta até antes de passar o json_encode e veio tudo certio, mas quando jogo os dados dentro dessa função ai retorna Null.

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 .