django - 如何让 JQuery/AJAX 结果与 render_to_response 一起使用

Question

我无法从我的视图中获取结果以显示。它在我执行常规 HttpResponse 时有效，但我不知道如何使其适用于 render_to_response

任何帮助深表感谢。

这是我的代码：

jQuery/AJAX

function ajaxTest() { 
    $.ajax({
        type: 'POST',
        url: '/trivia/ajax_test/',
        data: {
              recipient: document.getElementById("id_recipient").value,
              message: document.getElementById("id_message").value
              },
        success: function(result){$("#messageTable").find("tbody").append(result);} 
    });

    return false;
}

主要的 HTML

<table id="messageTable">
<thead>
 ...
</thead>
<tbody>
...
{% include "trivia/trivia_ajax_messages.html" %}
</tbody>
</table>

包括——琐事/trivia_ajax_messages.html

{% for message in ajax_messages %}
...
{{ message.message }}
{% endfor %}

网址.py

(r'^trivia/ajax_test/$', 'findadownload.trivia.views.ajax_test'),

视图.py

@csrf_exempt
def ajax_test(request):
    if request.is_ajax():
        profile = Profile.objects.get(user=request.user)
        # data received via AJAX
        recipient = request.POST.get('recipient', False)
        message = request.POST.get('message', False)
        # create a new Message
        msg = Message(sender=profile,
                          recipient=Profile.objects.get(user__username=recipient),
                          message=message)
        msg.save()

        # get messages
        get_messages = chain(Message.objects.filter(sender=profile),
                            Message.objects.filter(recipient=profile))
        message_list =  sorted(get_messages, key=lambda instance: instance.last_modified, reverse=True)

        return render_to_response('trivia_ajax_messages.html', {'ajax_messages': message_list})

    return HttpResponse("Something went wrong")

Answer 1

function ajaxTest() { 
    $.ajax({
        type: 'POST',
        url: '/trivia/ajax_test/',
        data: {
              recipient: document.getElementById("id_recipient").value,
              message: document.getElementById("id_message").value
              },
        success: function(result){
            var html = $(result);
            $("#messageTable").find("tbody").clear().append('<tr><td>' + html + '</td></tr>');
        } 
    });

    return false;
}


@csrf_exempt
def ajax_test(request):
    if request.is_ajax():
        //other codes here

        return render_to_response('trivia_ajax_messages.html', {
            'ajax_messages': message_list
        }, context_instance=RequestContext(request))

    return HttpResponse("Something went wrong")