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

Question

是否可以使用 jquery 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、顶部和左侧并且我做到了，但是我如何将我带到我的数据库？ - 如果可以使用 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 请求向您的网络服务器发送一条消息，告知发生了什么事。 JQuery 有一个 ajax() 函数 (http://api.jquery.com/jquery.ajax/)，您可以使用它来执行此操作。您将需要服务器上的一个页面，您将请求发送到该页面，它需要处理传递给它的参数（id、top 和 left？），然后将此信息插入数据库。这可能会导致对您的网络服务器和数据库的大量查询。

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

Update database with jquery event mouseleave?

database

jquery

mouseleave

sql-update