Draggable div使用ajax和php不会将位置保存到数据库中

时间:2014-01-18 07:07:21

标签: jquery ajax jquery-ui draggable

我已经尝试解决这个问题已经有三天了。我正在尝试创建一个网站,人们可以拖放模板的布局,以便个性化他们的网页,这意味着我正在使用jquery和ajax,以便网页中的元素可以拖动。我正在使用的代码已经很好并且没有任何错误,我的问题是可拖动div的位置不会保存在我的数据库中。谢谢你的帮助,祝你有个美好的一天。

这是我的拖放和保存.js

的代码
<script type="text/javascript">
$(document).ready(function() {
$( "#col1" ).draggable({ 
stack: "#col1",
  stop: function(event, ui) {
      var pos_x = ui.offset.left;
      var pos_y = ui.offset.top;
      var username = ui.helper.data('username');

      //Do the ajax call to the server
      $.ajax({
          type: "POST",
          url: "coordsave.php",
          data: {x: pos_x, y: pos_y, username: username}
        }).done(function( msg ) {
          alert( "Data Saved: " + msg );
        }); 
  }
 });
});
</script>

这是我在PHP中查询函数的更新      $ x_coord = $ _ POST [ “×”];      $ y_coord = $ _ POST [ “Y”];      $用户名= $ _ POST [ '用户名'];

//Setup our Query
$sql = "UPDATE $coords SET x_pos='$x_coord', y_pos='$y_coord' WHERE user_uname =     '$username'";

//Execute our Query
if (mysql_query($sql)) {
      echo "success $x_coord $y_coord";
     }
    else {
    die("Error updating Coords :".mysql_error());   
}

?>

1 个答案:

答案 0 :(得分:0)

  1. 你有与你的数据库的连接吗?
  2. 选择查询文本,也许你有空值

    $ sql =“你的查询”; echo $ sql;

  3. EDIT1:

    请参阅此处的文档.data()并首先使用双引号,其次,您的DOM元素中是否有与“key”关键字相关联的值?