如何使用登录表单登录到 Django？有或没有 Ajax

Question

问题： 如果用户已登录，我想显示问候用户，否则显示表单提交有效数据后，登录用户并显示问候语。

我正在尝试传递提交时的数据并更新用户状态以登录。我尝试使用和不使用 ajax 但两种方法我都无法找到解决方案。你能帮我看看为什么它失败了吗？我该如何解决这个问题？

HTML 表格：

{% if user.is_authenticated %}
        <h5 class="title billing-title  ls-10 pt-1 pb-3 mb-0">
            Welcome {{ user.username }}!
        </h5>
        {% else%}
        <div class="login-toggle">
            Returning customer? <a href="#"
                class="show-login font-weight-bold text-uppercase text-dark">Login</a>
        </div>
        <form class="login-content" name="ajaxLogin" method="POST" action="{% url 'ecommerce:ajaxlogin' %}">
            {% csrf_token %}
            
            <p>If you have shopped with us before, please enter your details below. 
                If you are a new customer, please proceed to the Billing section.</p>
            <div class="row">
                <div class="col-xs-6">
                    <div class="form-group">
                        <label>Username or email *</label>
                        <input type="text" class="form-control form-control-md" name="username" id="id_email"
                            required>
                    </div>
                </div>
                <div class="col-xs-6">
                    <div class="form-group">
                        <label>Password *</label>
                        <input type="password" class="form-control form-control-md" name="password" id="id_password"
                            required>
                    </div>
                </div>
            </div>
            <div class="form-group checkbox">
                <input type="checkbox" class="custom-checkbox" id="remember" name="remember">
                <label for="remember" class="mb-0 lh-2">Remember me</label>
                <a href="#" class="ml-3">Lost your password?</a>
            </div>
            <button class="btn btn-rounded btn-login" type="submit" >Login</button>
        </form>
        {% endif%}

Views.py :

def ajaxlogin(request):
    is_ajax = request.headers.get('X-Requested-With') == 'XMLHttpRequest'
    if is_ajax and request.method == "POST":
      username = request.POST['username']
      password = request.POST['password']
      user = authenticate(user=username, password=password)
      if User.is_active and not None :
            login(request)
      else:
            pass             
         
    return render('./ecommerce/checkout.html')

AJAX:

   $(document).ready(function(){
    $('.login-content').on('submit', function(event){
      event.preventDefault();     
      var action_url = $(this).attr('action')
      
  
      $.ajax({
        url: action_url,
        type:"POST",                                                                                                                                                                                                              
        data: $('.login-content').serialize(),  
        headers: { "X-CSRFToken": $.cookie("csrftoken") },
        success: function (data) {
            console.log("login Successful");
            
        },
        
        
    });
  });
  });

Answer 1

Django authenticate 默认使用关键字参数 username 和 password，request 作为可选参数。

在您的 views.py 中，您将 user 作为参数传递给身份验证，将其更改为 username。默认 authentication returns None 如果用户处于非活动状态，因此如果您使用默认身份验证，则不必检查 is_active。

将您的 views.py 更改为

def ajaxlogin(request):
    is_ajax = request.headers.get('X-Requested-With') == 'XMLHttpRequest'
    if is_ajax and request.method == "POST":
        username = request.POST['username']
        password = request.POST['password']
        user = authenticate(username=username, password=password)
        if user is not None :
            login(request, user)
        else:
            pass             
     
    return render('./ecommerce/checkout.html')

同时将 contentType 设置为 application/x-www-form-urlencoded 或通过省略 contentType 键将其保留为默认值。

如何使用登录表单登录到 Django？有或没有 Ajax

How to loging to django with login form? With or without Ajax

javascript

django

ajax

django-views

django-templates