jQuery表单提交后刷新Div内容

Question

有没有一种方法可以重新加载div元素以显示手动提交表单后发布的新内容。 我试图跳过从ajax提取数据，将其包装在func中，然后在成功响应期间调用它的方式。

jQuery：

 $('.headingone').click(function(event){
    event.preventDefault();
    $(this).next().toggle("slide");
 });
 $('.formtwo').on("submit", function(event) {
    event.preventDefault();
    var value = $(this).find('.commentadd').attr('data-id')
    var formData = $(this).serialize();
    $.post("/usercreation/picomment/" + value, formData,
    function(response) {});
    this.reset();
 });

HTML：

<a style="text-decoration:blink;" href="" class="headingone" data-id={{item.pk}} >View Comments</a>
            <div class="menu"  style="display:none">
              {% for i in item.piccomments.all %}
                <p class="paratwo" style="margin:0px;"><strong>{{i.author}}</strong> said "{{i.text}}"</p>
              {% endfor %}
              <form class="formtwo" method="post" action="">
                {% csrf_token %}
                <div class="form-group">
                  <div class="row">
                    <div class="col-6">
                      <input data-id={{item.pk}} autocomplete="off"  type="text" name="commentadd" class="form-control commentadd" placeholder="Add Comment">
                    </div>
                    <div>
                      <input class="btn btn-outline-dark" type="submit" name="submit" value="Submit">
                    </div>
                  </div>
                </div>
              </form>
            </div>