Ajax + PHP Carregar dados através de um A HREF

[riperes 0]

Boa noite pessoal,

 

uma ajuda pessoal.. se alguem conhece uma função assim:

 

a página vai carregar vários nomes de usuários.. e ao clicar no nome ( que é uma a href ) mostra abaixo os dados... ele carrega os dados somente se clicar no nome do cara...

 

pensei em um getJSON chamando um php com a variável código

 

 

alguém sabe como fazer ou conhece algo pronto????

valeu pessoal...

 

 

<a href="#" onmousedown="mostra(codigo, mostrar_dados_fulando);">Fulano</a>

<div id="mostra_dados_fulando">
</div>


<a href="#" onmousedown="mostra(codigo, mostrar_dados_sicrano);">Sicrano </a>

<div id="mostra_dados_sicrano">
</div>


<a href="#" onmousedown="mostra(codigo, mostrar_dados_beltrano);">Beltrano</a>

<div id="mostra_dados_beltrano">
</div>

 

 

 

[LeoO_DF 22]

<a href="info_usuario.php?usuario_id=1" />Usuário</a>
<div id="Info_Usuario"></div>

$("a").click(function(event){
		event.preventDefault();
		var link_usuario = $(this).attr("href");
		if(link_usuario != "" && link_usuario != null)
		{
			$.get(link_usuario, function(retorno){ $("#Info_Usuario").html(retorno); });	
		}
	});

info_usuario.php:

<?php
$ID_User = $_GET['usuario_id'];
if(isset($ID_User)):
	$SQL = "SELECT * FROM `Tabela_Usuarios` WHERE `id`='".$ID_User."'";
	$SQL_Query = mysql_query($SQL);
	if(mysql_num_rows($SQL_Query)):
		$Info_User = mysql_fetch_array($SQL_Query);
		echo 'Nome: '.$Info_User['nome'].' Sobrenome: '.$Info_User['sobrenome'];
	else:
		echo 'Usuário não existe';
	endif;
else:
	echo 'Erro ao Identificar Usuário!';
endif;
?>

Isso foi apenas um exemplo que escrevi rapidinho aqui, mais dai você já deve imaginar como fazer o que deseja, De qualquer modo uma pequena explicaçãozinha:

 

Começando com o "event.preventDefault();", bom ao clicar no link que tenha uma href válida o navegador irá se redirecionar para o endereço da href o "event.preventDefault();" faz com que esse evento seja cancelado e o navegador permaneça na pagina atual (http://api.jquery.com/event.preventdefault/).

 

"var link_usuario = $(this).attr("href");" Assim podemos pegar o link que se encontra na tag href (http://api.jquery.com/attr/).

 

"$.get(link_usuario, function(retorno){ $("#Info_Usuario").html(retorno); }); ", Com isso nós usamos o jQuery para postar o que queremos no link que queremos para que possamos pegar por $_GET na pagina que será postada (http://api.jquery.com/jquery.get/).

 

"$.get(link_usuario, function(retorno){ $("#Info_Usuario").html(retorno); }); ", Com isso pegamos o resultado ou seja o retorno da pagina postado e colocamos em uma div determinada.