用ajax实现登录数据库数据验证

最新推荐文章于 2026-05-27 11:19:29 发布

原创最新推荐文章于 2026-05-27 11:19:29 发布 · 4.8k 阅读

10 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

python

ajax

本文介绍了如何利用Ajax实现登录时的数据验证。首先展示了数据库的数据截图，然后展示登录界面设计。当登录失败时，用户将停留在登录界面并接收到错误信息；成功登录则会进入主界面。关键代码和资源链接已提供。

1、数据库数据截图

2、登录界面

3、登录失败停留在登录界面

4、登录成功进入主界面

核心代码：

Views.py
from django.shortcuts import render

# Create your views here.
from django.http import  HttpResponse,JsonResponse,HttpResponseRedirect
from .models import *

def index(request):
     return render(request,'news/index.html')

def mothod_show(request):
    return HttpResponse(request.method)

def json1(request):
    return render(request,'news/json1.html')
def json2(request):
    return JsonResponse({'h1':'hello','h2':'world'})

#登陆界面
def login(request):
    return render(request,'news/login.html')

#登陆成功跳转的首页
def success(request):
    return render(request, 'news/success.html')

#登陆验证
def login_check(request):
    # dic = {'python': '123456'}
    reg = request.POST.get('user')
    password = request.POST.get('password')
    dic = UserInfo.objects.get(user=reg)
    if dic.psw == password:
        return HttpResponseRedirect('/success')   #跳转界面到success界面
    else:
        return HttpResponseRedirect('/login')  #账号或是密码错误依旧停留在输入界面

Login.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆页面</title>
</head>
<body>
<form method="post" action="/login_check">
    账号：<input type="text" name="user"><br>
    密码：<input type="password" name="password"><br>
    <input type="submit" value="登陆">
</form>
</body>
</html>

资源综合

https://download.csdn.net/download/hard_days/10715262

标签

#ajax #登录验证