拖放并插入到 MySQL答案

【问题标题】：Drag and drop and insert into MySQL拖放并插入到 MySQL
【发布时间】：2011-08-15 22:48:19
【问题描述】：

这是我在这里的第一个问题。长话短说，我想这样做：

http://jqueryui.com/demos/draggable/#sortable

但是，当我将“下拉”框拖到下面的可排序列表中时，我希望它使用 PHP 在我的 MySQL 表中添加一行。我可以像这样实现我想要的部分：

http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/demo.php

但我希望用户能够像在 jqueryui 演示中那样进行排序。

在 jqueryui 演示中，在上面的示例中“将我拖下”的位置，会有一个选项列表。该列表将是查询 MySQL 表的结果。其中项目 1、2、3 在 jqueryui 示例中，它会是空白的，直到用户将他们想要的列表项拖到项目 1/2/3 区域中，该区域应该是可排序的（即能够将列表项拖动到列表并创建所需的顺序）。

那么，当一个新的列表项被拖到项目 1/2/3 区域时，我如何插入到数据库中。我知道如何实现排序。但我不知道如何将项目实际添加到列表中以便能够对它们进行排序。谷歌搜索也没有发现任何有用的东西。

谁能帮我指出正确的方向？

【问题讨论】：

标签： php jquery mysql draggable

【解决方案1】：

我不太明白你在这里问什么。

但我不知道如何将项目实际添加到列表中以便能够对它们进行排序

如果您已经实现了 jQuery UI 演示中的内容，那么我希望您正在研究如何序列化用户修改并将修改发送到服务器以更新数据库。

如果是这样，那么您可能需要查看可排序的方法serialize，它序列化列表 id 以便作为 Ajax 请求发送。

.sortable( "serialize" , [options] )

还有change 事件，您可以在用户更改排序时挂钩。

$( ".selector" ).bind( "sortchange", function(event, ui) {
    ...
});

【讨论】：

【解决方案2】：

从小处着手，让 javascript / jquery 在“用户将所需的列表项拖入项目”时触发alert() 或console.log()。然后将 alert() 或 console.log() 替换为 ajax 请求。

【讨论】：