如何在django后端保存拖放？

我试图在我的项目中创建一个拖放功能，当我拖放一个项目时，它会自动保存在后端

    <script style="text/javascript">
$(function() {
    $( "#roles li" ).draggable({
        appendTo: "body",
        helper: "clone",
        });
    $( "#item-roles li" ).droppable({
        activeClass: "ui-state-default",
        hoverClass: "ui-state-hover",
        accept: ":not(.ui-sortable-helper)",
        drop: function( event, ui ) {
            alert('you drop this')
            $( "<li></li>" ).text( ui.draggable.text() ).appendTo( this );
        }
    })
});

$（函数（）{
$（“#角色li”）.draggable({
附：“身体”，
助手：“克隆”，
});
$（“#项目角色li”）。可拖放({
activeClass：“ui状态默认值”，
hoverClass:“ui状态悬停”，
接受：“：非（.ui可排序帮助程序）”，
drop：函数（事件、用户界面）{
警报（'您删除此'）
$（“
”）.text（ui.draggable.text（））.appendTo（this）；
}
})
});

在我的Html代码中，这里是

    <div id="item-roles">
    <h3>Role in {{item.name|title}} Item</h3>
        <ul>
        <h3>Drag role here!</h3>
        {% for item_role in item_roles %}
            <li class="placeholder" style="list-style-type: none;">
                {{item_role.show_role}} <a href="#">Remove</a>
            </li>
        {% empty%}
            <li>No items found</li>
        {% endfor %}
        </ul>            
</div>

<div id="roles">
    <h3>Roles in this Show</h3>
        <ul>
            {% for role in roles %}
                <li>
                <a class="role-detail">{{ role.role_name }}</a>
                </li>

            {% empty %}
                <p>No show roles </p>
            {% endfor %}
        </ul>

{{item.name | title}}项中的角色

在这里拖动角色！
{item_roles%}

{{item_role.show_role}

{%empty%}
没有找到任何项目
{%endfor%}

本节目中的角色

{角色%中角色的%s}

{{role.role_name}

{%empty%}
不显示角色

{%endfor%}

您可以使用（和dajax）从javascript“调用”django函数。现在您需要写下问题中缺少的python代码…

您可以使用（和dajax）从javascript“调用”django函数。现在你需要写下你的问题中缺少的python代码…

你忘了提你的问题是什么。你忘了提你的问题是什么。