jquery - 如何从拖放排序中调用控制器方法

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
    }
});