PHP PHP e AJAX - Selecionar dados do Banco de Dados

assinante · 3 de dezembro de 2019

Estou desenvolvendo uma tabela que coleta os dados do banco de dados e exibe para o usuário, porém ela também deve atualizar sozinha sem Request e por isso usei o Ajax. Só que não estou conseguindo colocar paginação nela. Vejam meu código.

Index.php

<link href='https://getbootstrap.com.br/docs/4.1/dist/css/bootstrap.min.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js'></script>
<link href='https://use.fontawesome.com/releases/v5.5.0/css/all.css' rel='stylesheet'/>

  <div id="show"></div>
  <script type="text/javascript">
    $(document).ready(function() {
      $("#show").html("carregando");
      setInterval(function () {
        $("#show").load("data.php")
      }, 3000);
    });
  </script>

data.php

<?php
session_start();
include_once("conexao.php");   
$result_usuarios = "SELECT * FROM agenda";
$resultado_usuarios = mysqli_query($conn, $result_usuarios);

?>

<table class="table">
            <thead>
              <tr>
                <th>Cliente</th>
              </tr>
            </thead>
            <tbody>
                 <?php while($row = mysqli_fetch_assoc($resultado_usuarios)){ ?>
                <tr>
                  <td><?php echo $row['nome']; ?></td>
                </tr>
              <?php } ?>
            </tbody>
    </table>

Estou compartilhando meu código para obter SUGESTÃO de possíveis soluções. Visando meu aprendizado Eu realmente não sei o que fazer para colocar paginação nisso e manter a ideia de atualizar a tabela quando um dado novo é inserido