한 번 mouseover에서 보내진 ajax 요청은 응답을 받지만 html 요소에서 다시 mouseover를하면 다시 보내면 안됩니다.

Question

이벤트에 마우스를 놓고 ajax 요청을 보내고 원하는 응답을 받았습니다. 그러나 요청을 보낸 요소를 다시 가리키면 요청이 다시 전송됩니다.

요청을 다시 보내지 않고 이전에받은 응답을 페이지에서 사용하고 싶습니다.

누가해야합니까 ?? 다음은 샘플 코드입니다. ->이 함수는 마우스 오버시 호출됩니다. 요소 위로 동일한 마우스로 요청을 다시 보내지 않으려합니다. 난 당신이 마우스 오버에 jQuery.data()를 사용할 필요가 생각 무엇

function showImage(val) 
{ 
    $("#DIV").html('<IMAGESOURCE="../adsd/ajax_loader.gif">'); 

    $.ajax({ 
     type  : "get", 
     cache : false, 
     url  : "blabla.php?imgID="+val, 
     data  : $(this).serializeArray(), 
     success: function(data) { 
      document.getElementById("DIV").innerHTML = data; 
     } 
    }); 
}; 

Answer 1

는 응답이 수신되기 전에 요청을 보내고 보내 변수를 확인하면

if(!jQuery.data(dom, 'sent')){ 
    //take action 
    jQuery.data(dom, 'sent', true);// do it on success 
} 

Answer 2

이 값으로 변수를 설정 않습니다.

var response = false; 
function showImage(val) 
{ 
    $("#DIV").html(''); 
    if (response == false) { 
     $.ajax({  
      type : "get", 
      cache : false, 
      url  : "blabla.php?imgID=" + val, 
      data : $(this).serializeArray(), 
      success: function(data) 
      { 
       document.getElementById("DIV").innerHTML = data; 
       response = true; 
      }    
     }); 
    } else { 
     // What to do if the request was sent before 
    } 
};