jQueryUI Sortableでserializeした配列の保持の仕方

Question

jQuery UIのSortableを使って、リストの並びを動的に変更し、その情報をDBに登録するアプリを作成しています。環境はSeasar2(SAStruts/S2JDBC),Java,jsp,jQuery,javascriptです。

質問があるのですが、
結論から言うと

serializeした配列を保持する書き方はどのように書くのでしょうか?

現在jsp内にSortableの記述を書き、serializeした配列の値をコンソールに出すことはできています。

↓index.jsp

	<ul class="jquery-ui-sortable">
		<h3>やることリスト(順番)</h3>
		<c:forEach var="tasks" items="${taskList}">
			<li id="item_${tasks.id}" class="ui-state-default border-color-red">
				<c:out value="${tasks.task}" />
			</li>
		</c:forEach>
	</ul>

	<script>
		$(function() {
			$('.jquery-ui-sortable').sortable({       
				connectWith : '.jquery-ui-sortable'  
			});
			$('.jquery-ui-sortable').disableSelection();
		});
	</script>
	<script>
		$(function() {
			$('.jquery-ui-sortable').sortable({
				update : function(ev, ui) {
					console.log($(this).sortable("serialize"));
				}
			});
		});
	</script>
</body>
</html>

↓画面
![イメージ説明]WIDTH:600

わかる方がいればよろしくお願いします。

ちなみにですが、この保持した配列をActionクラスのupdateメソッドに渡すのが目的です。

Answer 1

てかこれでもいいのか？
元々のserializeを利用して

↓index.jsp

<script>
        $(function() {
            $('.jquery-ui-sortable').sortable({
                update : function(ev, ui) {    
                    var result=$('.jquery-ui-sortable').sortable("serialize"); 
                }
            });
        });
    </script>

Answer 2

JavaScript内の配列を保持する書き方はこうかな？
変数resultに配列を保持。
sortableメソッドにtoArrayキーワードを渡すことで、id値の配列として取得できる。

↓index.jsp

<script>
	$(function() {
		$('.jquery-ui-sortable').sortable({
			  update: function(e, ui) {
				  var result=$('.jquery-ui-sortable').sortable('toArray');
			  }
			});
	});
	</script>