php - 从可拖动的 JQuery UI 获取数据并存储在数据库中

Question

这就是我想要做的：

当我的可拖动 div 被拖放到我的可拖放 div 上时，我想获取与它们关联的数据，然后使用 PHP 将数据存储在 MySQL 数据库中。

请注意，将有多个可拖动的 div 将被拖放到一个可拖放的 div 上。

此外，数据不会立即存储；当所有 div 都被拖动时，它们将在单击按钮时存储。

如何做到这一点？

Answer 1

您应该使用 jQuery 或其他 JS 工具/框架来向您的应用程序触发 AJAX 请求。构建一个获取数据的接口，例如 divId 和 userId 以及 positionId。请注意，您必须使用 userId 检查会话，因为如果您允许每个用户都这样做，应用程序的安全性会受到影响。您应该返回 JSON (json_encode FTW!) 以与您的 javascript 脚本进行通信。

数据库：

id, userId, divId, positionId
1, 1, 1, 2
1, 1, 2, 1

PHP：

<?php
$positionId = $_GET['positionId'];
$divId      = $_GET['divId'];
$userId     = $_GET['userId']; // make sure that this userId is equal to your session

// init db
// check for existing entity (e.g. the div already exist for this user)
$db->query("INSERT INTO position SET userId = :userId, divId = :divId, positionId = :positionId");
// execute
json_encode(array('success' => true));

JS：

$.ajax({
    url: '/your_script.php',
    params: {
        userId: 1,
        positionId: 1,
        divId: 1
    },
    dataType: 'json',
    success: function(response) {
        if (response.success) {
            // display feedback
        }
    }
});