How to use ajax to do select where

0

I need to bring information from the database to a modal , when I click on the button it should open the modal and bring the infos , the id of the registry can be written in tag or in any other way?

But basically this is what you need to bring information from each record when you click on the button the modal should be displayed and populated with the bank information.

    
asked by anonymous 28.04.2016 / 00:48

1 answer

4

I'm at the exact moment doing similar code

As you've never seen ajax before, I'll make a bean with ajax rice commented:

AJAX PAGE:

// Coloque um evento para um grupo de elementos que você precisa clicar
$('.seuelemento').click(function(){
    // Ao carregar a pagina voce vai precisar colocar a id em algum lugar no seu html
    // Eu gosto de colocar a id dos elementos no atributo alt, mas pode ser id, title, etc.
    // basta usar a função abaixo pra recuperar a informação do elemento que for clicado
    var id = $(this).attr('alt');
    // Vamos formatar o dado para ser uma requisiçao do tipo GET
    var dados = 'id='+id;
    // Crie uma página pra processar a requisição em segundo plano
    var caminho = "projeto/pagina-de-resposta.php";

   // O nosso ajax vai fazer uma requisição get na sua pagina
   $.get({
      url:caminho,
      data: dados,
      success: function(retorno){
          //metodo executado se for enviado com sucesso
          //O callback retorno receberá tudo que for impresso na sua pagina php
          //Essa função na realidade nao precisa, mas eu gosto de usar pra garantir que vai funcionar.
          var obj = JSON.parse(retorno);
         //Agora basta usar o seu array ou objeto como um JSON para popular o que você quiser na sua página
         $('.elemento').html(obj.nome);
         $('.elemento').html(obj.telefone);
         $('.elemento').html(obj.endereco);

         //Caso a sua requisição esteja retornando um array de objetos, ou array de arrays use a função abaixo para navegar pelos resultados
         $(obj).each(function(key,value){
              $('.elemento').html(value.nome);
              $('.elemento').html(value.telefone);
              $('.elemento').html(value.endereco);
         }
      }
   });
});

PHP PAGE

//Recebendo os dados da requisição 
$id = (isset($_GET['id']))?$_GET['id']:false;

//Basta agora usar a id para fazer a busca no banco
$resposta = seuMetodoPraBuscarNoBanco($id);

// Convertendo o array ou objeto em JSON
$resposta = json_encode($resposta).

// Devolvendo a resposta pro Ajax
print_r($resposta);
    
28.04.2016 / 15:24