Как последовательно добавлять блоки при ajax запросах?

Question

[Сергей Нижний Новгород]

Всем привет.

Делаю сейчас чат через Ajax, столкнулся с тем, что не знаю, как последовательно добавлять чаты.

<div class="something">
    <p id="new_chat_break"></p>
</div>

<script type="text/javascript">

    function chat(){       

        $.ajax({
            type: "POST",
            url: '/chat/update',
            data: {
                "csrfmiddlewaretoken": "{{ csrf_token }}",                
                },
            success: function (data) {

                if (data) {
                    $('#new_chat_break').html(data.break_handler);                    

                    $(".chat_text_field").scrollTop($(".chat_text_field")[0].scrollHeight);                 

                    }
                else {
                }
                }
            });
        }

    setInterval('chat()', 10000);

</script>

В итоге, заявки переписывают один и тот же блок. Как сделать так, чтобы старый чат оставался, а новый добавлялся ниже?

Answer 1

[Vladislav]

$.html - заменяет весь контент в контейнере. Берет все что было "удаляет" и записывает новый контент.
Можешь использовать append() - будешь добавлять в конец
api.jquery.com/append