jQuery连接可排序列表,将订单保存到MySQL
希望使用类似这个演示的东西,可以在两列内部和两列之间拖动项目,并将实时或使用“保存”按钮更新到MySQL。 重点是您可以进行更改并稍后返回页面以查看或更新您的订购。
http://pilotmade.com/examples/draggable/
只为一列做这件事很好,但是当我尝试传递两列的顺序时,问题似乎是将带有jQuery的多个序列化数组传递给PHP / MySQL更新脚本。
任何见解都会非常感激。
如果你看下面,我想通过说…
sortable1
entry_1 => 0
entry_5 => 1
sortable2
entry_3 => 0
entry_2 => 1
entry_4 => 2
编辑:这最终成功了
HTML
- blah
jQuery的
$(function() { $("#sortable1, #sortable2").sortable( { connectWith: '.connectedSortable', update : function () { $.ajax( { type: "POST", url: "phpscript", data: { sort1:$("#sortable1").sortable('serialize'), sort2:$("#sortable2").sortable('serialize') }, success: function(html) { $('.success').fadeIn(500); $('.success').fadeOut(500); } }); } }).disableSelection(); });
这是PHP查询
parse_str($_REQUEST['sort1'], $sort1); foreach($sort1['entry'] as $key=>$value) { do stuff }
我要做的就是将它们分开
data : { sort1:$('#sortable1').sortable('serialize'), sort2:$('#sortable2').sortable('serialize') }
然后当你发布时你可以得到请求并根据需要设置它们,我希望这是有道理的
所以我做的就是这个
parse_str($_REQUEST['sort1'],$sort1); foreach($sort1 as $key=>$value){ //do sutff; }