Question

是否可以使用jleery事件将您的数据库更新为mouseleave？如果你得到id并更新顶部和左侧的坐标？

我正在创建一些笔记，你可以移动它们，我想让从顶部和左边的坐标更新到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>

我知道代码并不接近我希望实现的目标，但是如果我能识别id，top和left而且我做了，那么我可以这样做，但是我如何得到我的数据库？ - 如果有可能使用mouseleave。

Answer 1

我认为你必须使用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.")")

<强>参考

$.post

mysqli

Answer 2

此代码在客户端的浏览器中运行。您需要做的是使用ajax请求向您的Web服务器发送消息，说明发生了什么。 JQuery有一个ajax（）函数（http://api.jquery.com/jquery.ajax/），您可以使用它来执行此操作。您将需要服务器上的一个页面，您将发送请求，它将需要处理传递给它的参数（id，top和left？），然后将此信息插入数据库。这可能会导致对您的Web服务器和数据库进行大量查询。

用jquery事件mouseleave更新数据库？

2 个答案: