13 de dezembro de 2012

JSON - Ajax + MySQL + PHP + JSON

Arquivo json.php
<?php
  // FAZENDO A CONSULTA NO BANCO
  $consulta = mysql_query('SELECT * FROM tabela');
  // CRIANDO UMA ARRAY PARA ARMAZENAR OS DADOS DO BANCO
  $dados = array();
  // TRAZER TODOS OS DADOS DO BANCO 
  while($linha = mysql_fetch_assoc($consulta)) {
    // ARMAZERNAR NA VARIÁVEL $dados
    array_push($dados, $linha);
  }
  // CONVERTENDO A ARRAY PARA O FORMATO JSON E IMPRIMINDO NA TELA
  echo json_encode($dados);
?>

Arquivo index.html
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function(){
  $.ajax({
    url:'json.php',
    dataType:'JSON',
    success:function(valores){
      console.log(valores.nomeDaColuna[0]);
    }
  });
});
</script>

Fontes:
http://tutsmais.com.br/blog/2011/json-ajax-php-jquery/
http://api.jquery.com/jQuery.getJSON/
http://api.jquery.com/jQuery.ajax/ 

Nenhum comentário:

Postar um comentário