使用jquery事件mouseleave更新数据库？

是否可以将jquery事件更新为mouseleave？如果您获得id并更新顶部和左侧Cordinate

我正在创建一些注释，你可以移动它们，我想从顶部和左侧更新到mouseleave上的数据库？我很开明，如果你有更好的建议，请分享

  <script>
  $(document).ready(function(){
  $(".note_wrapper").mouseleave(function(){
  var $this = $(this);
  var $top = $this.offset().top;
  var $left = $this.offset().left;

  alert("id:" + this.id + " top:" + $top + " left" + $left);

  });
  });
  </script>

$（文档）.ready（函数（）{
$（“.note_wrapper”）.mouseleave（函数（）{
var$this=$（this）；
var$top=$this.offset（）.top；
var$left=$this.offset（）.left；
警报（“id:+this.id+”top:+$top+“left”+$left）；
});
});

---

我知道代码不是我希望实现的，但它是这样的，如果我点击id，左上角，我就可以使用它，但是我如何才能到达我的db如果可能的话，请使用mouseleave

我认为您必须使用ajax和php：

$(".note_wrapper").mouseleave(function(){
    var $id = $(this).attr('id');
    var $top = $this.offset().top;
    var $left = $this.offset().left;

   $.post('/save_coordinates.php', {'id': $id,'top': $top, 'left': $left});

});

您的save_coordinates.php：

$top = $_REQUEST['top'];
$left = $_REQUEST['left'];
$id= $_REQUEST['id'];

$mysqli = new mysqli("example.com", "user", "password", "database");
$mysqli->query("INSERT INTO coordinates(id, top, left) VALUES (".$id." " .$top.", ".$left.")")

参考

---

此代码正在客户端浏览器中运行。您需要做的是使用ajax请求向web服务器发送一条消息，告知发生了什么事情。JQuery有一个ajax（）函数（）可以用来实现这一点。您需要在服务器上创建一个页面，将请求发送到该页面，该页面需要处理传递给它的参数（id、top和left？），然后将此信息插入数据库。这可能会导致对web服务器和数据库的大量查询。

仍有一些问题，但谢谢。我尝试更新它$mysqli->query（“更新$table SET-top='$top'，left='$left'其中id='$id'）；但是运气不好yetit的save_coordinates.php我必须找到问题所在，因为我可以确定，在控制台中的inspect元素中，post发出了值。您是否检查了变量是否具有正确的值，以及与数据库的连接是否正确？解决了这个问题。我在查询中犯了一个错误，谢谢非常感谢你的时间！！如果（！mysql_query（“更新

$database

$table

设置

left

='$left'，

top

='$top'，

位置

='absolute'其中

$table

id

=$id”））