如何在Codeigniter中使用通过jQuery Sortable传递的数据
我正在尝试使用来重新排列HTML列表中的一些项目。我已经让它运行起来了,但是我被困在如何使用数据上了 我正在使用Codeigniter,并通过串行方式将订单传递到类别控制器中的如何在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
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前面的任何东西