CodeIgniter jQuery拖放重新订购数据问题
我正在尝试使用jQuery在CodeIgniter中创建一个可拖动的列表。我有代码,所以拖动工作,但我不能得到数据去控制器 这是用于拖动的jQuery代码CodeIgniter jQuery拖放重新订购数据问题,jquery,ajax,jquery-ui,codeigniter,Jquery,Ajax,Jquery Ui,Codeigniter,我正在尝试使用jQuery在CodeIgniter中创建一个可拖动的列表。我有代码,所以拖动工作,但我不能得到数据去控制器 这是用于拖动的jQuery代码 $(function() { $( "#order" ).sortable({ opacity: 0.6, cursor: 'move', update: function(event, ui){ var order = $(this).sortab
$(function() {
$( "#order" ).sortable({
opacity: 0.6,
cursor: 'move',
update: function(event, ui){
var order = $(this).sortable("serialize");
console.log(order);
$.ajax({
url: "http://localhost/codeigniter214/profile/save_order",
type: 'POST',
data: order,
success: function (data) {
$("#test").html(data);
}
});
}
});
});
这是可拖动的列表
<?php if (isset($names)) {?>
<ul id="order">
<?php foreach (array_combine($ids, $names) as $id => $name) {?>
<li id="feed-<?php echo $id ?>"><?php echo $name; ?> <a href="profile/removefeed/<?php echo $id ?>">Remove</a></li>
<?php } ?>
</ul>
<?php } ?>
答案最终是关于CodeIgniter的CSRF实现。最后将jQuery更改为下面的内容,并使用jQuery Cookie设置Cookie
$(function() {
$( "#order" ).sortable({
opacity: 0.6,
cursor: 'move',
update: function(event, ui){
var order = 'csrf_test_name=' + $.cookie('csrf_cookie_name') + '&';
order += $(this).sortable("serialize");
console.log(order);
$.ajax({
data: order,
csrf_test_name: $.cookie('csrf_cookie_name'),
type: 'POST',
url: "http://127.0.0.1/codeigniter214/profile/save_order",
success: function (data) {
$("#test").html(data);
}
});
}
});
});
$(function() {
$( "#order" ).sortable({
opacity: 0.6,
cursor: 'move',
update: function(event, ui){
var order = 'csrf_test_name=' + $.cookie('csrf_cookie_name') + '&';
order += $(this).sortable("serialize");
console.log(order);
$.ajax({
data: order,
csrf_test_name: $.cookie('csrf_cookie_name'),
type: 'POST',
url: "http://127.0.0.1/codeigniter214/profile/save_order",
success: function (data) {
$("#test").html(data);
}
});
}
});
});