从AJAX调用返回render_to_response

时间:2015-06-12 01:46:53

标签: jquery python ajax

所以我使用ajax调用来记录用户的站点。具体来说,如果登录不起作用,我使用ajax在模态中显示消息。现在,如果登录确实有效,那么我使用python的render_to_response将用户重定向到各自的主页。现在用户已登录,但是他们没有被重定向到他们的主页。我猜这种情况正在发生,因为我没有在ajax调用中做到这一点。我想知道是否还有这个? 以下是观点:

def login(request):
    # After login Create class can be called
    if request.POST.get('class_id'):
        return create_class(request)

    if request.POST.get('email'):
        email = request.POST.get('email')
        password = request.POST.get('password')
        user = auth.authenticate(email=email, password=password)

    elif request.session['_auth_user_id']:
        # Instructors Current class and course will be generated on pageload
        sem = get_semester
        year = datetime.now().year
        return render_to_response('home.html', {'sem':sem, 'year':year,
        'inscourses':instructors_current_courses_classes(request),
        'student_class_status':student_current_class_status(request),
        'courses':allCourses()}, context_instance=RequestContext(request))

    if user is not None:
        auth.login(request, user)
        # Instructors Current class and course will be generated on pageload
        sem = get_semester
        year = datetime.now().year
        return render_to_response('home.html', {'sem':sem, 'year': year,
        'inscourses': instructors_current_courses_classes(request),
        'student_class_status': student_current_class_status(request),
        'courses': allCourses()}, context_instance=RequestContext(request))
    else:
        return HttpResponse(json.dumps(True),content_type = 'application/json')

这是ajax调用:

<script type = "text/javascript"> 
  function login(){
    $.ajax({
      type : "POST",
      url  : "http://localhost:8000/User/home",
      dataType : "json",
      async : true,
      data : {
        csrfmiddlewaretoken : '{{ csrf_token }}',
        email : $('#emailInput').val(),
        password: $('#passwordInput').val()

      },

      success:function(){
        $('#loginError').css("visibility", "visible");          
      },
      error:function(){
        console.log("failed");
      }

    });

  }   
</script>

1 个答案:

答案 0 :(得分:2)

当你从ajax处理程序返回一些内容时,它最终会出现在success handler:

success: function (data) {
    // data here is a chunk of HTML from render_to_response()
}

情况更糟,因为你设置dataType: json jQuery将尝试将此HTML解码为JSON并失败,我不知道接下来会发生什么。

您应该了解以下几点:

  • 对Ajax请求的任何响应都不会呈现,而是会被解码并传递给success处理程序
  • 如果您正在处理Ajax请求,则无法从服务器端重定向,
  • 如果您在一个案例中传递JSON(user is None),那么您应该始终传递JSON。

所以你可以通过两种方式解决这个问题。首先 - 不要使用Ajax登录,使用普通登录,无论如何都要重定向登录,因此它不会向您的网站添加任何内容。

如果出于某种原因你还想用Ajax登录,那就使用类似的东西:

if user is not None:
    # ...
    return JsonResponse({'success': True})
else:
    return JsonResponse({'success': False, 'message': '...'})

那:

  success: function(res) {
      if (res.success) window.location.href = '/home';
      else showError(res.message);
  },
  error: function() {
      showError('Failed to connect to server. Please try later.');
  }