Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17670
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como obter mais de um resultado no json jQuery for

12-02-2016 12:03

Nesse post vou mostrar como obter mais de uma linha do banco de dados usando o jQuery $.getJSON.

Para esse exemplo vamos ao código inicial.

<script src="jquery.js"></script> <script> $(document).ready(function() { // VALOR PASSADO SE NECESSÁRIO var valor = "Pedro"; // ou $(".campo").attr("value") // PASSANDO OS VALORES $.getJSON("retorno.php", {passando:valor}, function(json){ // CONTANDO OS RESULTADOS E ENVIANDO PARA A DIV for(i = 0; i < json.length; i++) { $(".geral").append(json[i].id+" e "+json[i].nome+"<br />"); } }); }); </script> <div class="geral"></div>

Agora um exemplo da página retorno.php que simula uma consulta no banco de dados MySQL ou MySQLi.

<?php // ESSA LINHA VAI ANTES DO WHILE $Array = Array(); // PARA DENTRO DO WHILE COLOQUE O CÓDIGO ABAIXO // VOCÊ NÃO PRECISA USAR ESSA DUAS LINHAS ABAIXO // EU ESTOU USANDO DUAS PORQUE NÃO TEM WHILE "LAÇO" NESSE EXEMPLO $Array[] = Array("id" => "id do bd", "nome" => "nome do bd"); $Array[] = Array("id" => "id do bd 2", "nome" => "nome do bd 2"); // FORA DO WHILE DA CONSULTA COLOQUE O CÓDIGO ABAIXO $json_encode = json_encode($Array); echo $json_encode; ?>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado