有关Jquery sortable,我想保存排序后的新顺序，写到后台，不知道要怎么做？

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Sortable - Display as grid</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <style>
  #sortable { list-style-type: none; margin: 0; padding: 0; width: 450px; }
  #sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }
  </style>
  <script>
 // $(function() {
 //   $( "#sortable" ).sortable();
 //   $( "#sortable" ).disableSelection();
//  });
  </script>
  <script language="javascript">
$(document).ready(
  function(){   $('ul').sortable({
  placeholder:'',
  helper:function(e,ele){
  return $(ele).clone();
  },
  update:function(e,ui){
  alert($(this).sortable(
  'serialize',{
  key:'aa',
  expression: /(.*)/
  }
  ))
  }
  });
  }
);
</script>
</head>
<body>
 
<ul id="sortable">
  <li id="1" class="ui-state-default">1</li>
  <li id="2"  class="ui-state-default">2</li>
  <li id="3"  class="ui-state-default">3</li>
  <li id="4"  class="ui-state-default">4</li>
  <li id="5" class="ui-state-default">5</li>
  <li id="6" class="ui-state-default">6</li>
  <li id="7" class="ui-state-default">7</li>
  <li id="8"  class="ui-state-default">8</li>
  <li id="9" class="ui-state-default">9</li>
  <li id="10" class="ui-state-default">10</li>
  <li id="11" class="ui-state-default">11</li>
  <li id="12" class="ui-state-default">12</li>
</ul>
 
 
</body>
</html>

解决方案 »

  1.   

    这个就得使用后台来处理了，PHP，java，nodejs都能够实现，简单来说就是把你当前顺序传给后台，然后后台接收，存进数据库，这样就OK了。LZ想自己玩玩的话，存localStorage就行了
      

  2.   

    我是用ASP.net的，可否指点一下我要怎么才能.前台怎么获取这个序列？~~新的
      

  3.   

    之前做过左右拖拽并排序的，应该差不多.思路是 ，我给每个li都传了排序字段的id属性，保存的方法将这些id拼到一个字符串里边，（逗号分割）。这个拼的顺序其实就是排序后的顺序。
        var idstr = "";     $("#sortable li").each(function() {
            // 将选中的字段id拼成字符串
            idstr += $(this).attr("id") + ",";
        });
                                if (idstr.length > 0) {
            idstr = idstr.substring(0, idstr.length - 1)
        }
    在后台把以逗号分割的字符串转成数组，再处理就ok了