How to use ajax to select Where

Asked

Viewed 423 times

0

I need to bring information from the bank to a modal, when I click the button should open the modal and bring the infos, to id may be written in a tag or in any other way?

But basically it is necessary to bring information from each record when clicking the button should be displayed the modal and populated with bank information.

  • Initially you must have a URL that provides this information. Then, in the event of opening the modal, you make the request. http://jquerybrasil.org/ajax-com-jquery-metodo-ajax/

  • how I can pass a php variable or that is in a tagline to ajax

  • by GET, so: mysite.php? myvariable_value=value

  • Or by POST. https://api.jquery.com/jquery.post/

1 answer

4


I’m at the exact moment making a similar code

As you have never seen ajax before I will 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);

Browser other questions tagged

You are not signed in. Login or sign up in order to post.