Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

adson

Problema - Paginação + ajax + php + campo de busca

Recommended Posts

Ola!

 

Estou criando uma paginação + ajax + php . No banco de dados que trabalhei coloquei vários produtos que começam com a letra w para conseguir buscar eles com uma busca simples.  Consegui fazer com que ele fizesse a busca e a paginação. O problema é quando clico na paginação após a busca. Ele sempre volta para o inicio. Alguém me ajuda 

 

Arquivo Index.php


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
        <link rel="stylesheet" href="stylesheet.css">
      
    <script src="jquery.min.js"></script>

</head>

  <body>  
           <br /><br />  
           <div class="container">  
                <h3 align="center">Make Pagination using Jquery, PHP, Ajax and MySQL</h3><br />  
                  
                <div class="table-responsive" id="pagination_data">  
                </div>  
           </div>  
      </body>
</html>

    <script type="text/javascript">

      
  $(document).ready(function(){

            load_data();  
      function load_data(page)  
      {  
           $.ajax({  
                url:"processa.php",  
                method:"POST",  
                data:{page:page},  
                success:function(data){  
                     $('#pagination_data').html(data);  
                    
                }  
           })  
      }  
      $(document).on('click', '.pagination_link', function(){  
           var page = $(this).attr("id");
           load_data(page);
            
      });  
 });  

 

 

##################################

 

Arquivo processa.php

 

<?php     
   include('conecta.php');

           $campo  = (isset($_POST['campo'])) ? $_POST['campo'] : '';

    $record_per_page = 2;  
 $page = '';  
 $output = '';  
 if(isset($_POST["page"]))  
 {  
      $page = $_POST["page"];  
 }  
 else  
 {  
      $page = 1;  
 }  
 $start_from = ($page - 1)*$record_per_page;  
 $sql = "SELECT * FROM produtos WHERE produto LIKE :nome ORDER BY id DESC LIMIT $start_from, $record_per_page";  
 $stm = $db_con->prepare($sql);
  $stm->bindValue(':nome', $campo.'%');

    $stm->execute();
    $clientes = $stm->fetchAll(PDO::FETCH_OBJ);
   
   

        
        
    
        
        
        

       ?>
        <form id="formpesquisaum" >
                Buscar por:
                <label for="select"></label>
                <select name="campo" id="campo">
                <option></option>
                  <option>w</option>
                  <option>o</option>
                </select>
                <button type="submit" class="btn btn-primary">Pesquisar</button>
              </form>
              
            <table>
                <thead>
                <tr>
                    <td>Id</td>
                    <td>Produtos</td>
                  
                </tr>
                </thead>

                <tbody>


                       <?php
            foreach($clientes as $rows_cursos): ?>
                    <tr>
                      <td><?=$rows_cursos->id?></td>
                      <td><?=$rows_cursos->produto?></td>
                      
                    </tr>
                    <?php  endforeach; ?>

               
                </tbody>
            </table>
            
            <?php
            $page_query = "SELECT * FROM produtos WHERE produto LIKE :nome ORDER BY id DESC";  
 $page_result = $db_con->prepare($page_query);
   $page_result->bindValue(':nome', $campo.'%');
  $page_result ->execute();
 
 $total_records = $page_result->rowCount();
 $total_pages = ceil($total_records/$record_per_page);  
 for($i=1; $i<=$total_pages; $i++)  
 {  
      $output .= "<span class='pagination_link' style='cursor:pointer; padding:6px; border:1px solid #ccc;' id='".$i."'>".$i."</span>";  
 }  
 $output .= '</div><br /><br />';  
 echo $output;  
 ?>  
            
            <script type="text/javascript">

      
  $(document).ready(function(){

          

                $('#formpesquisaum').submit(function(){
                    var dados = $(this).serialize();

                    $.ajax({
                        url: 'processa.php',
                        method: 'post',
                        dataType: 'html',
                        data: dados,
                        success: function(data){
                           $('#pagination_data').html(data);
                        }
                    });

                    return false;
                });
                  
        });
            </script>

 

 

 

 

 

 

 

 

 

 

 

            
    
            </script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Por favor, utilize a TAG > CODE para postar códigos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Por favor, me permita tirar uma dúvida com os amigos.

      Tenho um Formulário onde o Usuário digita todos os Dados necessários.

      Minha dúvida:
      --> como faço após o usuário digitar os dados e salvar, o Sistema chamar uma Modal ou mensagem perguntando se deseja imprimir agora ?

      Grato,
       
      Cesar
    • Por Carcleo
      Tenho uma abela de usuarios e uma tabela de administradores e clientes.
      Gostaria de uma ajuda para implementar um cadastro
       
      users -> name, login, passord (pronta) admins -> user_id, registratiom, etc.. client -> user_id, registratiom, etc...
      Queria ajuda para extender de user as classes Admin e Client
      Olhem como estáAdmin
      <?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Admin extends User {     use HasFactory;            protected $fillable = [         'name',         'email',         'password',         'registration'     ];      private string $registration;     public function create(         string $name,          string $email,          string $password,         string $registration     )     {         //parent::create(['name'=>$name, 'email'=>$email, 'password'=>$password]);         parent::$name = $name;         parent::$email = $email;         parent::$password = $password;         $this->registration = $registration;     } } User
      <?php namespace App\Models; // use Illuminate\Contracts\Auth\MustVerifyEmail; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Foundation\Auth\User as Authenticatable; use Illuminate\Notifications\Notifiable; use Illuminate\Database\Eloquent\Relations\BelongsToMany; class User extends Authenticatable {     /** @use HasFactory<\Database\Factories\UserFactory> */     use HasFactory, Notifiable;     static string $name;     static string $email;     static string $password;     /**      * The attributes that are mass assignable.      *      * @var list<string>      */     protected $fillable = [         'name',         'email',         'password',     ];          /**      * The attributes that should be hidden for serialization.      *      * @var list<string>      */     protected $hidden = [         'remember_token',     ];     /**      * Get the attributes that should be cast.      *      * @return array<string, string>      */     protected function casts(): array     {         return [             'email_verified_at' => 'datetime',             'password' => 'hashed',         ];     }          public function roles() : BelongsToMany {         return $this->belongsToMany(Role::class);     }       public function hasHole(Array $roleName): bool     {                 foreach ($this->roles as $role) {             if ($role->name === $roleName) {                 return true;             }         }         return false;     }         public function hasHoles(Array $rolesName): bool     {                 foreach ($this->roles as $role) {             foreach ($rolesName as $rolee) {             if ($role->name === $rolee) {                 return true;             }          }         }         return false;     }         public function hasAbility(string $ability): bool     {         foreach ($this->roles as $role) {             if ($role->abilities->contains('name', $ability)) {                 return true;             }         }         return false;     }     } Como gravar um Admin na tabela admins sendo que ele é um User por extensão?
      Tentei assim mas é claro que está errado...
      public function store(Request $request, Admin $adminModel) {         $dados = $request->validate([             "name" => "required",             "email" => "required|email",             "password" => "required",             "registration" => "required"         ]);         $dados["password"] =  Hash::make($dados["password"]);                  $admin = Admin::where("registration",  $dados["registration"])->first();                  if ($admin)              return                    redirect()->route("admin.new")                             ->withErrors([                                 'fail' => 'Administrador já cadastrados<br>, favor verificar!'                   ]);                            $newAdmin = $adminModel->create(                                    $dados['name'],                                    $dados['email'],                                    $dados['password'],                                    $dados['registration']                                 );         dd($newAdmin);         $adminModel->save();         //$adminModel::create($admin);                  return redirect()->route("admin.new")->with("success",'Cadastrado com sucesso');     }  
    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de tirar uma dúvida com os amigos, referente a PDV.
       
      Estou escrevendo um Sistema com Ponto de Vendas, a minha dúvida é o seguinte, referente ao procedimento mais correto.

      Conforme o caixa vai efetuando a venda, o Sistema de PDV já realiza:
      a baixa direto dos produtos no estoque
      ou
      somente após concretizar a venda o sistema baixa os produtos do estoque ?
       
      Grato,
       
      Cesar
       
    • Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.