如何在Codeigniter中使用通过jQuery Sortable传递的数据

如何在Codeigniter中使用通过jQuery Sortable传递的数据,jquery,codeigniter,jquery-ui-sortable,Jquery,Codeigniter,Jquery Ui Sortable,我正在尝试使用来重新排列HTML列表中的一些项目。我已经让它运行起来了,但是我被困在如何使用数据上了 我正在使用Codeigniter,并通过串行方式将订单传递到类别控制器中的update\u order方法 我知道如何将其输入数据库,但我不确定如何使用串行文件,以便我可以这样做。我假设它在某种POST变量中,但我不知道它是什么 JS: <script type="text/javascript"> $(document).ready(function() { $("#or

我正在尝试使用来重新排列HTML列表中的一些项目。我已经让它运行起来了,但是我被困在如何使用数据上了

我正在使用Codeigniter,并通过串行方式将订单传递到类别控制器中的
update\u order
方法

我知道如何将其输入数据库,但我不确定如何使用串行文件,以便我可以这样做。我假设它在某种POST变量中,但我不知道它是什么

JS:

<script type="text/javascript"> 
$(document).ready(function() {
    $("#order").sortable({
        update : function () {
            order = $('#order').sortable('serialize');
            $.ajax({
                url: "<?=base_url().'admin/category/update_order'?>",
                type: "POST",
                data: order,
                success: function(){
                    alert("success");
                }
            });
        }
    });
}
);
</script>

$(文档).ready(函数(){
$(“#订单”)。可排序({
更新:函数(){
order=$('#order')。可排序('serialize');
$.ajax({
url:“”,
类型:“POST”,
数据:订单,
成功:函数(){
警惕(“成功”);
}
});
}
});
}
);
HTML:

<ul id="order">
    <li id="item_1">Item 1</li>
    <li id="item_2">Item 2</li>
    <li id="item_3">Item 3</li>
    <li id="item_4">Item 4</li>
    <li id="item_5">Item 5</li>
    <li id="item_6">Item 6</li>
</ul>
    第1项 第2项 第3项 第4项 第5项 第6项

最佳解决方案是保存当前元素的索引

update: function(event, ui) { 
     alert(ui.item.index()); 
}

我知道你可以自己解决剩下的问题;)

如果进行序列化,则执行
$this->input->post('item')

它将是li标签中_1,_2前面的任何东西