Django 3 + Ajax как вызвать повторно цикл который рендерит записи из бд, после добавления новой записи через форму(Ajax) ???

Question

[rm root]

Есть страница с комментариями, хочу чтобы при отправке форме страница не обновлялась полностью, а только блок с комментами.

Обработал форму с помощью ajax. В бд все заполняется без обновления страницы, но запись который добавился в бд, цикл не видит, он ее выведет только если обновить страницу, как это исправить ???
Прошу руки помощи : )

ajax

<script>
    const formID = 'form#formReview';
    $(formID).on('submit', (e) => {
        e.preventDefault();
        $.ajax({
            
            url: '/news/news_detail/comment/{{news.id}}/{{user.id}}/', 
            type: 'POST',
            dataType: 'json',
            data: {
                comment: $(formID + ' #comment').val()
            },
            success: function (data) {
                console.log('success'); 
            }
        })
        $(formID + ' #comment').val('');
    })
</script>

сама форма

<form id="formReview" action="{% if user_display %} {% url 'news:article_comments' news.id user.id %} {% else %} {% url 'news:article_comments' news.id 13 %} {% endif %}" method="POST">
{% csrf_token %}
   <fieldset disabled>
      <div class="form-group">
         <input type="text" name="name" id="disabledTextInput" class="form-control" placeholder="{{ user.username }}">
      </div>
   </fieldset>
   <textarea name="comment" id="comment" class="form-control" rows="3" required></textarea>
   <input class="btn btn-primary form-control mt-2" type="submit" value="залишити коментарий">
</form>

виввод комментов

{% for comment in comments %}
<div class="row d-flex my-3" >
<div class="col-md-2">
    <img class="img-fluid" src="{% static 'img/user.png' %}" alt="user">
</div>
<div class="col-md-10 comment">
    <strong>{% if comment.id_user.first_name %}{{ comment.id_user.first_name }}{% else %}{{ comment.id_user.username }}{% endif %}</strong> <br>
    <p>{{ comment.comment }}</p>
    <!--  -->
</div>
</div> 
{% endfor %}

Comments

[edward_freedom]

в смысле не видет, если цикл отрендерил твои элементы, ты добавил новую запись, а цикл заново не вызываешь

[rm root]

edward_freedom, не вызываю, а как вызвать ?

Цикл рендерит комменты, когда загружается страница, и когда через форму добавляю новую запись, ничего не происходить, нужно обновить страницу, чтобы та новая запись появилась )

[rm root]

edward_freedom, как после добовления новой записи снова запустить этот цикл ?

{% for comment in comments %}
<div class="row d-flex my-3" >
<div class="col-md-2">
    <img class="img-fluid" src="{% static 'img/user.png' %}" alt="user">
</div>
<div class="col-md-10 comment">
    <strong>{% if comment.id_user.first_name %}{{ comment.id_user.first_name }}{% else %}{{ comment.id_user.username }}{% endif %}</strong> <br>
    <p>{{ comment.comment }}</p>
    <!--  -->
</div>
</div> 
{% endfor %}

[Evanescing]

rm root, как вариант, разместить цикл в отдельном шаблоне-файле, скриптом запросить его html и вставить в нужный блок старой страницы.
Ещё вариант: то что сохраняем в бд скриптово отрисовать в нужный html вид в случае успешного сохранения.

[rm root]

Evanescing, я уже нашел решения, но спасибо за ответ :)