如何在不使用ajax和jquery的情况下使用javascript在PythonDjango中编辑数据帖子而不进行页面刷新？

这里我上传了我的HTML和js文件

当我单击edit按钮时，它将打开相应的数据，我想编辑这些数据并再次发布，而不用使用javascript刷新PythonDjango中的页面

index.html

{% for datas in data %}
<div class="row">
    <div class="col-md-12">
        <div class="card shadow-lg">        
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <h5 class="card-title"><i class="fa fa-user-circle" aria-hidden="true"></i> 
                            <a href="{% url 'profile' datas.id %}">{{datas.user_id|capfirst}}</a></h5>
                    </div>
                    <div class=" col-md-6 text-right" > 
                        {% if request.user.id == datas.user_id_id %}
                            <button id="edit" value="{{datas.post}}" onclick="edit(this)">Edit</button> 
                            <input type="hidden" value="{{datas.id}}" >
                        {% endif %}
                    </div>
                </div>
                <div id="msg">
                <hr>
                {{datas.post}}
                <hr>
                </div>  
                <div class="row">
                    <div class="col-md-4"><i class="fa fa-thumbs-up"></i></div> 
                    <div class="col-md-4"></div>
                    <div class="col-md-4 text-right">{{datas.post_date}}</div>
                </div>
            </div>
        </div>
    </div>
</div>
<br>
{% endfor %}

{%用于数据%中的数据]
{%if request.user.id==datas.user\u id\u id%}
编辑
{%endif%}

{{datas.post}

{{datas.post_date}


{%endfor%}

inbox.js

function edit(id)
{
  
    var body = id.value;
    var parentcard = id.closest(".card-body")
    parentcard.querySelector("#msg").innerHTML  = '<form  id="postData">'+
       '<div class="form-group">'+
            '<textarea class="form-control" name="edit_post"   rows="3" id="body">'+body+'</textarea>'+
        '</div>'+
        '<button class="btn btn-primary" type="submit">POST</button>'+
    '</form>';
}

功能编辑（id）
{
var body=id.value；
var parentcard=id.closest（“.card body”）
parentcard.querySelector（“#msg”）.innerHTML=''+
''+
''身体+''+
''+
“职位”+
'';
}

---

---

如果没有ajax或某种形式的获取，您将如何将数据发送到服务器？