Php 是否保存jQuery UI可拖动值？

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

我正在阅读ajax，但我不知道如何实现ajax和PHP数据库（我使用wordpress，最好将数据存储在wp数据库中）

这似乎涵盖了我需要的内容，我只是不确定（url:“your_php_script.php”，）“在该脚本中，您只需获取post参数并将其存储在数据库中。”如何编写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>
      ";
     }

   ?>

}

阿贾克斯

    $.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\u fetch\u assoc（$query））将数据放入表中。。我对这些部分感到困惑，我应该如何编写它来连接到我的数据库

这是一个可拖动的呼叫

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

---

我不知道需要什么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 );
        }); 

    }
});

---

您的拖放javascript代码添加到了哪里。。您可以看到它的赤裸裸的注释：停止使用不推荐的

mysql.*

函数。改用MySQLi或PDO。好的，我如何将其传递到你的php脚本中？我如何调用数据库并添加它？上面的代码是一个好的框架吗？对不起，我已经在回调函数中编写了worng输入参数。您可以通过$_POST['x']和$_POST['y']获得x和y的值。您只需修改上面的脚本即可。我建议您使用pdo或mysqli，因为mysql将被弃用。PDO和Mysqli也有preparet查询，它可以逃过任何非法的charsok酷毙了，我还不熟悉与数据库的交互，所以我必须弄清楚如何编写适合我数据库的脚本，上面的代码是从

$( ".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 );
        }); 

    }
});