Асинхронное обновление функции Ajax

Question

Я пытаюсь обновить данные асинхронно. В настоящее время, если я обновляю sh страницу, только тогда я вижу новые данные в журнале консоли.

Мой ajax скрипт:

$.ajax({
         url: '{% url 'messages' %}',
         datatype: 'json',
         type: 'GET',
         success: function(body) {
             console.log(body)
                }
         });

Мое представление:

    inbox = Messages.objects.filter(receiver=user).order_by('-timestamp')

    serialized_inbox = serializers.serialize('json', inbox)

    return HttpResponse(serialized_inbox, content_type='application/json')