如何通过拖放排序来调用控制器方法

Question

我正在使用jquery sortable来允许我在自己的有序列表和其他有序列表中拖放li元素。它工作得很好。我现在想知道如何跟踪这个并将此信息传递给我的控制器中的方法？

HTML：

<ul id="grpId">
        @foreach (var item in Model.GeneratedGroups)
        {                  
            <li id="draggable">Group @Html.DisplayName(item.GroupNumber.ToString())<br />
                <ol class="connectedSortable" >
                    @foreach (var student in item.GroupMembers)
                    {
                        <li draggable="true" ><span>@String.Format("{0} {1}", student.FirstName, student.LastName)</span></li>
                    }
                </ol>

            </li>

        }
    </ul>

<script type="text/javascript">
   $("#draggable ol").sortable({ connectWith: ".connectedSortable" });
   $("#draggable ol").disableSelection();
</script>

我现在如何调用@ Url.Action或以某种方式实现ajax？

Answer 1

$("#draggable ol").sortable({
    receive: function(event, ui) {
        //Your ajax call here
    }
});