Django div 重新加载 - POST 后的 ajax GET 未获取最新的数据库模型实例

在类似聊天的应用程序中，我使用 ajax 调用来发布新消息并更新页面上显示的消息，而无需重新加载整个页面。我的 ajax 调用发布工作有效 - 在数据库中创建了一个新的消息实例。但是，之后当我进行 ajax 调用以获取所有消息时，结果查询集中缺少新消息。如果我完全刷新页面，我可以看到所有消息，但这不是我想要的。

HTML 消息模板：

    {% for message in messages %}
    <p>
        {{ message.content }}
    </p>
    {% endfor %}

HTML 聊天模板：

<div id="chat">
    {% include "messages.html" %}
</div>

<form id="post-message-form", method="post" enctype="multipart/form-data">
    [my form goes here]
</form>

JavaScript：

$('#post-message-form').on('submit', function(event){
    event.preventDefault();
    $form = $(this);
    var data = new FormData($form.get(0));

    $.ajax({
        url: '/post/a/new/message/',
        type: 'POST',
        data: data,
        success: refresh_chat,
        cache: false,
        contentType: false,
        processData: false
    })

    return false;
}

function refresh_chat(){
    $.ajax({
        url: '/get/all/messages/,
        type: 'GET',
        success: function(json) {
            $('#chat').html(json['data']);
        }
    })
    return false;
}

Views:

import json
from django.template import loader
from .forms import MessageForm

# /post/a/new/message/
def post_message(request):
    if request.method == 'POST':
        form = MessageForm(request.POST)
        if form.is_valid():
            message = form.save()
            return HttpResponse(
                json.dumps({'status': 1,
                            'message': 'Message posted!'}),
                content_type='application/json'
            )

# /get/all/messages/
def get_messages(request):
    if request.method == 'GET':
        messages = loader.render_to_string('messages.html', context={'messages': Message.objects.all(), 'form': MessageForm()})
        return HttpResponse(
            json.dumps({'data': messages}),
            content_type='application/json'
        )

有什么想法为什么我在 POST 之后调用 ajax GET 时无法获取最新的数据库数据？谢谢！

事实证明，如果我在 ajax“完成”调用而不是“成功”调用上进行聊天刷新，它会起作用：

$('#post-message-form').on('submit', function(event){
    event.preventDefault();
    $form = $(this);
    var data = new FormData($form.get(0));

    $.ajax({
        url: '/post/a/new/message/',
        type: 'POST',
        data: data,
        cache: false,
        contentType: false,
        processData: false
    }).done(function() {
        refresh_chat();
    });

    return false;
}

感谢您的评论！