数据分析之Ajax(使用jquey，ajax实现用户注册与登录)

岁月y

已于 2022-02-18 14:57:48 修改

阅读量1.3k

点赞数 1

文章标签：数据分析 ajax django pycharm

于 2022-02-18 14:53:36 首次发布

本文链接：https://blog.csdn.net/weixin_66448906/article/details/123002396

版权

首先再PyCharm中创建一个django包
完成以下步骤
在这里插入图片描述
配置init.py文件连接数据库

开始创建app—users

接下来就是代码部分了
views.py和urls.py：（hw_05文件里面的）

login.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<form>
    <input type="text" id="username" name="username" placeholder="请输入用户名"><br>
    <input type="password" id="password" name="password" placeholder="请输入密码"><br>
    <button id="btn_login" type="button">登录</button>
    <br>
</form>
{
   % load static %}
<script src="{% static 'js/jquery-3.3.1.js' %}"></script>
<script>
    $(function () {
   

        $('#btn_login').on('click', function () {
   
            let username = $('#username').val()
            let password = $('#password').val()
            $.ajax({
   
                'url': "{% url 'users:login' %}",
                'type': 'post',
                'data': {
   'username': username, 'password': password},
                'dataType': 'json',
                'success': function (data) {
   
                    if (data.code == 0) {
   
                        window.location.href = '{% url "main" %}'
                    } else {
   
                        alert(data.msg)
                    }
                }
            })
        }