Javascript 如何获取内联样式值并发送到Django

我使用jQuery中的可拖动图像创建了Django应用程序，它运行良好，但是我需要保存Django模型中新的顶部和左侧位置。 我正在尝试为某些输入type=“hidden”value=“？？？style”发送内联样式信息的方法

看，用户移动图片后，Jquery Draggable发送：

<div id="draggable-1" class="ui-draggable ui-draggable-handle" style="position: relative; left: 3px; top: 1453px;  "> 
    <img src="static/img/image.png" width="80" height="200">
</div>

仅以以下方式将Javascript添加到此资源：

<script>
    $( "#draggable-{{forloop.counter}}" ).draggable();
</script>                

$（“#draggable-{{forloop.counter}}”）.draggable（）；

我需要从左边和上面的信息中得到这些数字，以发送到Django视图并保存数据库模型

任何建议，谢谢

库允许您将配置对象传递给。您可以提供一些回调函数，这些函数将钩住不同的事件。我建议使用

stop

hook发送更新位置的http请求，如下所示：

拖我

$（“#可拖动”）。可拖动({
停止：函数（）{
const{top，left}=this.style；
log（`top${top}左${left}`）；
fetch（“/your django endpoint here”{
方法：“张贴”，
标题：{
“内容类型”：“应用程序/json”
},
正文：JSON.stringify（{top，left}），
});
},
});

谢谢你可能是这样的，我放了我的django模板，收到了一些消息：51 POST 403（禁止）可能是令牌吗？