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);