Python 更新数据存储中的div页面坐标

我目前正在制作一个webapp-in-App引擎，用户可以在其中创建多个文本框（div）。这些“框”可以在页面上拖动。我使用jQueryUIDragable插件实现了拖放功能。我可以使用以下方法在鼠标上轻松显示每个框的当前坐标：

$(this).offset();

每个框在数据存储中都有一个实体，其中包含各自的内容。我正计划为包含坐标的长方体实体创建另一个成员。这样，每次用户登录到webapp上的帐户时，框都会显示在上次登录的位置。我的问题是，我不知道每次在页面上拖动一个框时如何更新数据存储。老实说，我甚至不确定我是否正确处理了这个问题。如果您能为我提供指导，我将不胜感激

这是页面的呈现方式，只是为了进一步了解：

 {% for box in boxes %}
 <div draggable="true" id="box" class="ui-widget-content draggable">
    <div id="title">
 {% if box.title %}
     {{ box.title }}<br>
 {% else %}
     Untitled<br>
 {% endif %}
 </div>
 <div id="content">
    {{ box.content }}<br>
 </div>
 <div id="menu">
    <a href="/edit/{{ box.key.id }}">View/Edit</a>&nbsp;
    <a href="/delete/{{ box.key.id }}">Delete</a>
 </div>
</div>
{% endfor %}

{%for box-in-box%}
{%if box.title%}
{{box.title}}

{%else%}
无标题

{%endif%}
{{box.content}}

{%endfor%}

---

再次感谢。

您需要使用JQuery捕获“drop”事件，并向您的应用程序发出AJAX请求，发布方框ID和新坐标，以便它可以在数据存储中更新它们