带有 JQuery Droppable 的 MySQL 项目数据库

Question

我的问题的简单版本： 当将 JQuery UI 可拖动图像放入我的目标可放置图像时，是否可以获取它的 ID，并使用该 ID 作为值，并在可拖动图像被放置时更新我的​​ MySQL 数据库表之一中的字段？

我的问题的技术版本： 我使用网站上的教程为我目前正在开发的游戏制作拖放库存功能。

无论如何，我无法提供到我的网站的直接链接，因为它需要登录，而且我还没有让我的系统在我的 IP 地址之外工作，但这就是我基本上想做的：

我的拖放效果很好，但我需要它来更新 MySQL 数据库，我知道我链接的教程中，它有第二部分可以做到这一点，但不是我需要的方式。

因此，我的用户的库存有自己的表，其中包含以下字段：

bid：这是存储为 32 位唯一随机数的用户 ID itemid：这是一个 8 位数的项目代码

用户和对象的所有信息都是内连接的，以将信息组合到 PHP 变量中，我将这些信息拆分到不同的表中，因为我有多个站点来调整每个表。到目前为止，这里一切正常。

我使用 mysql_fetch_array() 将项目加载到库存框中以使它们可拖动。

我的物品格式如下：

img src='$cheesepic' id='$itemid' class='object cheese'
$cheesepic == "http://motb.isgreat.org/objects/" . $itemid . ".png";

并且 $item id 直接从库存表中窃取。 CSS 类对象将图像缩放到我想要的大小，我比缩略图更喜欢它，因为它的缓存效果更好，因为我在网站周围使用了许多不同大小的对象。奶酪类用于拖动，因此仅被奶酪可掉落物接受。

现在我的数据库中有另一个表用于存放已装备的对象。所以那里的字段是 bid 和 Cheese。我希望能够使用拖入可放置的图像的 ID 来更新我的数据库。如果他们将其从可放置项中拖出并再次放入可放置项库存中，则删除该行。

感谢您的帮助。

Answer 1

jQuery 拖放Drop API 让您获取被拖动项目的数据，这是您可能尝试执行的操作的示例（数据名称和表行名称只是随机估计）：

$(".inventory").droppable({
    drop: function(e, ui) {
        // This gets the ID of the item you are dragging
        var item_id = $(ui.draggable).attr('id');

        // Ajax call example...
        $.ajax({
            type: "GET",
            timeout: 10000,
            url: "http://example.com/item_update.php?item_id="+item_id,
        });
    }
});

PHP/MySQL 方面有点难以帮助你会发现，大多数游戏脚本都是非常具体的，但你可以按照以下方式做一些事情：

$item_id = preg_replace( '/[^0-9]/', '', $_GET['id']);
mysql_query("UPDATE user_items SET equipped = 0 WHERE item_id = ".$item_id);