Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
>
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 :/
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
}
});
});tenta com mouseenter, no lugar do mouseover.
>
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
jQuery.mouseouver
e
jQuery.ajax