开发者社区> 问答> 正文

jQuery UI Sortable,然后将订单写入数据库

我想使用jQuery UI sortable函数允许用户设置订单,然后在更改时将其写入数据库并进行更新。有人可以写一个例子来说明如何做到吗?

展开
收起
保持可爱mmm 2020-05-11 17:00:05 612 0
1 条回答
写回答
取消 提交回答
  • 222

    jQuery UI sortable功能包括执行此操作的serialize方法。确实很简单。这是一个简单的示例,一旦元素的位置发生变化,该数据便立即将数据发送到指定的URL。

    $('#element').sortable({ axis: 'y', update: function (event, ui) { var data = $(this).sortable('serialize');

        // POST to server using $.post or $.ajax
        $.ajax({
            data: data,
            type: 'POST',
            url: '/your/url/here'
        });
    }
    

    }); 这是通过使用elements创建元素数组的id。因此,我通常会执行以下操作:

    • ...
    使用该serialize选项时,它将创建一个POST查询字符串,如下所示:item[]=1&item[]=2等等。因此,如果您在id属性中使用(例如)数据库ID,则可以简单地遍历POSTed数组并相应地更新元素的位置。

    例如,在PHP中:

    $i = 0;

    foreach ($_POST['item'] as $value) { // Execute statement: // UPDATE [Table] SET [Position] = $i WHERE [EntityId] = $value $i++; } jsFiddle上的示例。来源:stack overflow

    2020-05-11 17:00:17
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
DTCC 2022大会集锦《云原生一站式数据库技术与实践》 立即下载
阿里云瑶池数据库精要2022版 立即下载
2022 DTCC-阿里云一站式数据库上云最佳实践 立即下载