jquery - 带有ajax的jquery可拖放/可拖放更新数据库

Question

我有使用 php 循环从 MYSQL 数据库中获取信息创建的可拖动 div。代码：

<script>
    $(function() {
        $(".box").draggable({revert:true});
        $("#trashcan").droppable({
            hoverClass: 'border',
            drop: function(event, ui) {
            $(ui.draggable).remove();
            }
        });

    });
</script>

PHP/HTML

<?php
//display boxes
    while ($list = $result->fetch_assoc()) {

?>
        <a href="<?php echo $list['url'];?>">
            <div class="box"><h2><?php echo $list['label'];?></h2>
            </div>
       </a>
    <?php };?>

<div id="trashcan" >
  <p>Trash</p>
</div>

我的问题是：如何让 Jquery 将 PHP 变量 $list['label'] 作为 ajax 调用发送，以便在可拖动对象被接受后对 MYSQL 数据库进行修订（即删除记录）可放置的 div？

谢谢！