jquery mouseleave ajax請求

Question

我想知道是否有可能從一個mouseleave函數觸發ajax請求？我希望當鼠標離開li時發送字符串'Y'，以便它可以在數據庫中更新。

這是可能的嗎？

(function(){ 
    $('li#myId').mouseenter(function(){ 
    var y = 'Y'; 
    }).mouseleave(function(){ 

    $.ajax({ 
     type: 'POST', 
     url: 'update.php', 
     data: 'y='+y, 
     success: function(response){ 
     $('li.#myId').html(response); 
     } 

    }); 
    }); 

}）（）;

Answer 1

當然，只是將y作爲數據存儲。

(function(){ 
    var postY = function (y) { 
     $.ajax({ 
      type: 'POST', 
      url: 'update.php', 
      data: 'y='+y, 
      success: function(response){ 
       $('#myId').html(response); 
      } 
     }); 
    }; 

    // li#myId using both a tag and id is unnecessary since id is unique 
    $('#myId').mouseenter(function(e){ 
     $(this).data('y', 'Y'); 
    }).mouseleave(function(e){ 
     postY($(this).data('y')); 
    }); 
})(); 

Answer 2

如果你聲明函數內部的「y」變量，它將只能用於該函數。你應該在你的$（document）.ready函數後聲明它，並在事件中改變它。你可以在mouseleave事件觸發時通過ajax發送它。

$(document).ready(function(){ 
    var y = 'Y' 
    $('li#myId').mouseenter(function(){ 
    // whatever you want to do here with "y" 
    }); 

    $('li#myId').mouseleave(function(){ 
    // ajax 
    }); 
});