在AJAX请求后显示HttpResponse的结果

Question

我有一个页面，在初始加载显示所有自由职业者从数据库。我有一个函数，它创建一个POST请求，传递三个select元素的数据，从数据库中检索特定的匹配项。在

$(document).ready(function() {
    $('select.university').change(function(){
        $.ajax({
                type: 'POST',
                url: '#',
                data: {
                university: $('select.university').val(),
                skill: $('select.skill').val(),
                city: $('select.city').val()
                },
                dataType: 'html'
         });
         return false;
    });
});

我的视图获取数据并通过HttpResponse返回：

^{pr2}$

特定的获取肯定正在执行，因为我可以在调试器中单步执行它，但HTML中没有任何更改。我错过了什么？在

Answer 1

您需要将dataType设置为“json”，然后在您的视图中：

return HttpResponse(content=json.dumps({'freelancers': freelancers,
                     'skills': skills,
                     'universities': universities,
                     'cities': cities}))

Answer 2

在你看来

from django.utils import simplejson

def browse_freelancers(request):
     ...
     data = simplejson.dumps({'freelancers': freelancers,
                     'skills': skills,
                     'universities': universities,
                     'cities': cities})
     return HttpResponse(data)

如果您使用的是django1.7+，那么可以使用^{}，而不是{}。在

^{pr2}$

您需要在$.ajax()中设置success函数。在

$.ajax({
    type: 'POST',
    ...
    success: function(data) {
        alert(data);
    }
});

Answer 3

另一种可能的结构：

if request.is_ajax() and request.method == 'POST':

    # ...

    response = {'freelancers': freelancers,
                     'skills': skills,
                     'universities': universities,
                     'cities': cities}

    return JsonResponse(response)

else:
    # ...