Question

我有一个基于jQuery拖放的面板完美运行。

它将多个可拖动元素存储在多个列表中。我不确定如何存储订单并将其发送到我的服务器，以便我可以存储数据并在以后加载它以重新创建订单。

如何将元素及其顺序存储在多个框中，以便我可以从ajax“保存”和“加载”？

Answer 1

您可以向id添加<ul>个属性，以识别组id属性<li>以识别它们。然后在想要保存它时旋转<ul>并将当前状态转换为JavaScript对象;一旦你有了这个对象，就可以把它作为JSON发送回服务器，在服务器上解压缩，并将它存储在你的数据库中。

这样的事情：

$('#submit').click(function() {
    var groups = { };
    $('.sort').each(function() {
        var a = [ ];
        $(this).find('li').each(function() {
            a.push(this.id);
        });
        groups[this.id] = a;
    });
    // Send groups back to the server using $.ajax()
});

演示（请打开你的控制台）：http://jsfiddle.net/ambiguous/FMKmj/

jQuery发布结果数据

1 个答案: