Question

I was wondering if it is possible for an ajax request to be triggered from a mouseleave function? I would like the string ‘Y’ to be sent on when the mouse leaves the li so it can be updated in the database.

is this possible by any chance?

(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

Sure, just store y as data.

(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'));
    });
})();