Django AJAX登录表单验证(Django AJAX login form validation)

 我正在尝试在Django中创建一个AJAX登录表单，这将涉及检查用户是否输入了正确的username和password 。 这是我现在的代码： 
 
 urls.py 
 
urlpatterns = [
    url(r'^$', views.boxes_view, name='news'),
    url(r'^user_login/', views.user_login, name='user_login'),
]
 
 forms.py 
 
class UserLoginForm(forms.Form):
    username = forms.CharField(max_length=25)
    password = forms.CharField(widget=forms.PasswordInput)

    class Meta:
        model = User

        fields = [
            'username',
            'password',
        ]
 
 base.html文件 
 
<form method="post" enctype="multipart/form-data" action="{% url 'user_login' %}" class="form_login">{% csrf_token %}
<div class="loginWrapper">
<div class="login">
    <div class="loginBox">
        {{ form_login.username|placeholder:"username"|add_class:"login_username" }}
        {{ form_login.password|placeholder:"password"|add_class:"login_password" }}

        <input type="submit" value="login"/>
    </div>
</div>
</div>
</form>
 
 这是我的jQuery函数。 它成功将输入的username和password到控制台。 
 
 base.js 
 
$('.form_login').on('submit', function(e) {

    $.ajax({
        type: 'POST',
        url: 'http://127.0.0.1:8000/user_login/',
        data: {'username': $('.login_username').val(),
                'password': $('.login_password').val()},
        success: function (data) {
            console.log(data)
                }
        }
    )
})
 
 如何从jQuery函数获取data到我的views.py？ 这是我当前的视图，可以正常登录用户，但是如果输入了错误的凭据，它只是提交表单，这就是为什么我想实现AJAX以防止提交和列出错误（如果发生这种情况）。 
 
 views.py 
 
def user_login(request):
    form_login = UserLoginForm(request.POST or None)
    if form_login.is_valid():
        username = form_login.cleaned_data['username']
        password = form_login.cleaned_data['password']
        user = authenticate(username=username, password=password)
        if user is not None and user.is_active:
            login(request, user)
        else:
            pass
    else:
        print(form_login.errors)
        print(form_login.non_field_errors)
        form_login = UserLoginForm()

    return redirect('/')
 
 然后我如何在views.py中验证jQuery数据？ 

I'm trying to create an AJAX login form in Django, which would involve checking if the user has entered the correct username and password. Here is my code right now:
 
urls.py
 
urlpatterns = [
    url(r'^$', views.boxes_view, name='news'),
    url(r'^user_login/', views.user_login, name='user_login'),
]
 
forms.py
 
class UserLoginForm(forms.Form):
    username = forms.CharField(max_length=25)
    password = forms.CharField(widget=forms.PasswordInput)

    class Meta:
        model = User

        fields = [
            'username',
            'password',
        ]
 
base.html
 
<form method="post" enctype="multipart/form-data" action="{% url 'user_login' %}" class="form_login">{% csrf_token %}
<div class="loginWrapper">
<div class="login">
    <div class="loginBox">
        {{ form_login.username|placeholder:"username"|add_class:"login_username" }}
        {{ form_login.password|placeholder:"password"|add_class:"login_password" }}

        <input type="submit" value="login"/>
    </div>
</div>
</div>
</form>
 
Here is my jQuery function. It successfully logs the entered username and password to the console.
 
base.js
 
$('.form_login').on('submit', function(e) {

    $.ajax({
        type: 'POST',
        url: 'http://127.0.0.1:8000/user_login/',
        data: {'username': $('.login_username').val(),
                'password': $('.login_password').val()},
        success: function (data) {
            console.log(data)
                }
        }
    )
})
 
How do I get the data from the jQuery function to my views.py? Here is my current views which works fine to log a user in, however if the wrong credentials are entered it just submits the form anyway, which is why I want to implement AJAX to prevent submission and list errors if this happens.
 
views.py
 
def user_login(request):
    form_login = UserLoginForm(request.POST or None)
    if form_login.is_valid():
        username = form_login.cleaned_data['username']
        password = form_login.cleaned_data['password']
        user = authenticate(username=username, password=password)
        if user is not None and user.is_active:
            login(request, user)
        else:
            pass
    else:
        print(form_login.errors)
        print(form_login.non_field_errors)
        form_login = UserLoginForm()

    return redirect('/')
 
And then how do I authenticate the jQuery data in my views.py? 

原文：https://stackoverflow.com/questions/41375161