I'm using the following code to experiment with nested sortable menus of jquery. Everything works just fine but I do have a question though: How do I use the result of the serialization process in order to save the menu items in the database?What I get when I move the items is something like \[code\][pages] => item[]=1&item[]=7\[/code\] and that way I don't know which item moved into another one or which became a parent etc...I guess I need a more detailed array that states the full list of the menu items sort.\[code\]<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <script type='text/javascript' src='http://stackoverflow.com/questions/10548498/jquery-ui-1.8.20.custom.min.js'></script> <title>my title</title> <style type='text/css'> ul { min-height:10px; } li { width: 150px; } </style> <script type='text/javascript'> $(window).load(function(){ $("ul").sortable({ connectWith: "ul", update: function(event, ui) { $.ajax({ url: './ajax.php', type: 'POST', data: { pages: $('ul').sortable('serialize')}, success: function(data) { alert(data); } }); } }); }); </script></head><body> <ul><li id="item_1" >Item 1</li><ul><li id="item_2" >Item 1 1<ul></ul></li><li id="item_3" >Item 1 2<ul></ul></li><li id="item_4" >Item 1 3<ul></ul></li></ul><li id="item_5" >Item 2<ul></ul></li><li id="item_6" >Item 3<ul></ul></li><li id="item_7" >Item 4<ul></ul></li></ul></body></html>\[/code\]Thank you for your time and thanks!The \[code\]./jquery-ui-1.8.20.custom.min.js\[/code\] file contains jquery itself and \[code\]jquery-ui\[/code\] (jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.sortable.js).\[code\]./ajax.php\[/code\] should be responsible to handle the serialized result.
Usage of jquery's sortable serialize result to php
- Thread starter Stylez
- Start date