jquery.ajax mouse hover

[joão pedro7 0]

opa, sou leigo em ajax, alguem pode me dar uma dica sobre como fazer isso,

 

ex. eu tenho um link

 

<a href='pagina.php?id=22'></a>

 

eu quero poder quando passar o mouse por cima fazer uma requisição ajax enviando esse id para a pagina que vai ser executada no ajax

 

alguem pode dar uma dica, um trecho de codigo com um exemplo bem simples, ou o nome das funções e metodos que precissarei pesquisar.

 

abraço desde já agradeço

[William Bruno 1501]

jQuery.mouseouver

e

jQuery.ajax

[joão pedro7 0]

jQuery.mouseouver

e

jQuery.ajax

 

ta mas desenvolvendo a ideia de como fazer seria +- isso

 

eu crio uma classe .itemAjax por ex..

e faria isso?

 

$('.itemAjax').mouseover(function() {
   ... minha função aqui.
});

 

sou pra traz no javascript :/

[William Bruno 1501]

Assim, por exemplo:

 

http://wbruno.com.br/2011/03/30/navegacao-sem-refresh-carregando-conteudo-ajax-em-div/

http://wbruno.com.br/2011/05/27/navegacao-sem-refresh-%E2%80%93-carregando-conteudo-ajax-em-div-2/

http://wbruno.com.br/2011/11/25/carregando-conteudo-ajax-trocando-url-jquery/

[joão pedro7 0]

opa eu criei essa função que ao passar o mouse por cima do link pega id, e com esse id faz uma pesquisa por ajax.

ta funcionando tudo, mas o problema que se passo o mouse e deixo o mouse em cima, fica chamando o ajax varias vezes,

tentei mudar o mouseover por focus mas não rolou sabe da uma dica de como fazer essa alteração?

 

 

//busca informações
$('.itemAjax').mouseover(function() {
	//pegando a url do perfil
	var href = $( this ).attr('href'); 
	//pegando o id do perfil
	var idPerfil = href.split("id=");

	//Ajax
	$.ajax({
	  url: "busca-perfil.php?id="+idPerfil[1],
	  context: document.body,
	  dataType: 'json',
	  type: "GET",
	  success: function(data){

	      var retorno = data;  //array json retorno

	  }


	});

});

[William Bruno 1501]

tenta com mouseenter, no lugar do mouseover.

[joão pedro7 0]

tenta com mouseenter, no lugar do mouseover.

@editado

 

opa achei o erro camarada,

ele ta dando um conflito com um plugin que estou usando, e com o codigo abaixo estava exibindo os dados vindo pelo busca mas por algum motivo está dando conflito e chamando varias vezes vou verificar mais tarde e posto aqui pra!

 

 

$('.itemAjax').hovercard({
			showCustomCard: true,
			customCardJSON: aboutPerfil
		});

 

link do plugin caso tenha interesse é bem legal

http://designwithpc.com/Plugins/Hovercard#demo