0

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

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

使用 php 保存 Jquery 可拖动 DIV 的位置这似乎涵盖了我需要的内容,我只是不确定(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({
          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']

这段代码是从上面的链接中复制的,我只是想理解它,看看它是否适用于我的目标?我理解某些部分,不是 $query 指定一个表,然后当 ($rows = mysql_fetch_assoc($query)) 将数据放到表上。我在这些部分感到困惑,我将如何编写它来连接到我的数据库?

这是 .draggable 调用

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

1 回答 1

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 );
        }); 

    }
});
于 2013-07-11T06:00:39.070 回答