Question

我需要帮助找出最佳解决方案，我只想采用jQuery UI可拖动值并保存它。

我正在阅读ajax，但我不确定如何实现ajax和PHP数据库（我使用wordpress，将数据存储在wp数据库中会很好）。

Save position of Jquery draggable DIVs using php这似乎涵盖了我需要的东西，我只是不确定（url：“your_php_script.php”，）“在那个脚本中你只需要抓取post参数并将它们存储在数据库。”如何编写帖子参数？有人可以解释一下吗？

这是

     <?php

     $query = mysql_query("SELECT * FROM needs WHERE (needsusername='$username' OR      workerusername='$username') AND status='inprogress'");


      while ($rows = mysql_fetch_assoc($query)) {
      $title = $rows['titleofneed'];
      $status = $rows['status'];

      echo "
      <div class='ui-widget-content'>
      $title<br>Status: $status<br>
      ";
     }

   ?>

设置

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

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

}

ajax

    $.ajax({
          type: "POST",
          url: "your_php_script.php",
          data: { x: pos_x, y: pos_y, need_id: need}
        }).done(function( msg ) {
          alert( "Data Saved: " + msg );
        }); 

     $_POST['x'], $_POST['y'] and $_POST['need_id']

此代码是从上面的链接复制而来的，我只是想弄清楚它并看看它是否适用于我的目标？我理解了一些部分，isnt $ query指定了一个表，然后while（$ rows = mysql_fetch_assoc（$ query））将数据放到表中..我在这些部分混淆了，我怎么写它连接到我的数据库？

这是.draggable调用

    $( ".ELEMENT" ).draggable({
    containment: '#_moon_static_bg_status',
});

Answer 1

我不知道need_id是什么，但它可能是你可以从数据属性获得的东西。每次停止拖动元素时，下面的代码都会发送元素的新位置：

$( ".ELEMENT" ).draggable({
    containment: '#_moon_static_bg_status',
    stop: function(event, ui) {
        $.ajax({
          type: "POST",
          url: "your_php_script.php",
          data: { x: ui.position.left, y: ui.position:top, need_id: need}
        }).done(function( msg ) {
          alert( "Data Saved: " + msg );
        }); 

    }
});

保存jQuery UI可拖动值？

1 个答案: