He intentado implementar la soluciónaquí, pero parece que no puedo hacerlo funcionar correctamente.

Tengo un div que se llena usando un bucle dentro de una plantilla de Django. Justo debajo de eso, tengo un cuadro de entrada donde puedo escribir texto y hacer clic en Enviar. La acción Enviar debe activar un script Jquery que obtiene un objeto modelo del servidor. Este objeto modelo se debe dar al div, y el div se debe subsecuentemente, que se 'actualiza'. La intención aquí es que una vez que el div se 'actualiza', la variable a la que accede el bucle for se habría actualizado, mostrando así los nuevos resultados adicionales.

Mi código de plantilla:

<h1> This is a Test Ajax Page</h1>
<div id="refresh-this-div">
    {% for comment in question.comment_set.all %}
        <p class="">{{ comment.body }}</p>
    {% endfor %}
        <input id="my-text-input-id" type="text" />
        <button type="submit" class="add-comment-button">Add</button>
    </div>
</div>

Mi jquery

<script type="text/javascript">
    $(document).ready(function() {
        $("button.add-comment-button").click(function() {
            var com_body = $('#my-text-input-id').val();
            $.ajax({
                    url: '/test_login_url',
                    success: function(data) {
                    $('#refresh-this-div').html(data);
                    }
                  });
        });
    });
</script>

Mi vista:

def test_login_url(request):
    question = Question.objects.get(id=1)
    com = Comment(question=question, body='This is a new Comment!')
    question.comment_set.add(com)
    return render_to_response('application/ajax_test_template.html', { 'question': question })

Cuando hago clic en el botón Enviar, el div se actualiza, sin embargo, la sección div que se actualizó ahora contiene una copia de la etiqueta h1. Cuando hago clic en Enviar varias veces, aparecen etiquetas y comentarios h1 adicionales.

Aquí hay un ejemplo de la página antes de hacer clic:antes_clicking_submit

Y aquí hay un ejemplo después de hacer clic en Enviar:after_clicking_submit

Verifiqué que mi implementación sea lo más idéntica posible a la solución a la que hice referencia anteriormente, sin embargo, siento que probablemente me estoy perdiendo algo simple aquí. ¿Cuál es la forma correcta de actualizar el div con la nueva variable actualizada?