booktest-13 ajax登陆

最新推荐文章于 2020-11-11 17:13:18 发布
最新推荐文章于 2020-11-11 17:13:18 发布
阅读量108 收藏
点赞数
分类专栏： python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dxm809/article/details/106970890
版权

1.添加ajax登陆视图函数

def login_ajax(request):
    return render(request, 'booktest/login_ajax.html')


def login_ajax_check(request):
    username = request.POST.get('username')
    password = request.POST.get('password')
    print(username+':'+password)
    if username == 'admin' and password == '111':
        return JsonResponse({'res': 1})
    else:
        return JsonResponse({'res': 0})

2.在app模板里面增加login_ajax.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax登陆页面</title>
    <script src="/static/js/jquery-1.7.1.min.js"></script>
    <script>
        $(function(){
            $('#btnAjaxLogin').click(function(){
                username=$('#username').val();
                password=$('#password').val();
                $.ajax({
                    'url':'/login_ajax_check',
                    'type':'post',
                    'data':{'username':username,'password':password},
                    'dataType':'json',
                }).success(function(data){
                    if(data.res==0){
                         $('#errmsg').show().html('用户名或者密码错误');
                    }else{
                        location.href='/index';
                    };
                });
            });

        });
    </script>
    <style>
        #errmsg{
            display:none;
            color:red;
        }
    </style>
</head>
<body>

    用户名:<input type="text" id="username"/><br/>
    密码：<input type="password" id="password"/><br/>
    <input type="button" id="btnAjaxLogin" value="登陆">
    <div id="errmsg"></div>

</body>
</html>

3.添加路由

    url(r'^login_ajax$', views.login_ajax),
    url(r'^login_ajax_check$', views.login_ajax_check),

4.测试

dxm809
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
BookTest.zip
12-25
手把手教你整合最优雅SSM框架：SpringMVC + Spring + MyBatis
Django---ajax登录案例
an1224545169的博客
05-14 238
Django—ajax登录案例 今天学习了Django的时候做登录案例遇到的情况： 在Django中如果没有关闭crsf验证直接做表单提交类的会错。 登录页面前端代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录页面</title> <script src="static/js/jquery-1.12.4.
Python-Django：Ajax请求（登录案例）
weixin_45365220的博客
11-11 951
Ajax请求 Ajax：异步的JavaScript 在不重新加载页面的情况下，对页面进行局部的刷新 $.ajax({ 'url':请求地址, 'type':请求方式, 'dataType':预期返回的数据格式（一般是json格式）, 'data':参数 }).success(function(回调的数据){ //Ajax请求执行完成之后执行的回调函数 }) 当浏览器发起Ajax请求给后端，后端在views文件中进行处理，并返回 return JsonResponse(回调的数据)，将
Django框架下使用ajax模拟用户登录验证
人生苦短，我用Python
10-14 5567
Django是一个开源的Python基于web开发而设计的应用框架，基于MVC的设计思想，大大简化了网站开发的难度，能够简单快速的开发网站。其中封装的大量函数和方法，可以直接调用，同时扩展性非常好，可以扩展第三方插件。框架的主要三部分M（模型）V（视图）T（模板）是基于MVC的思想在Django内的结构，其中V接受浏览器的信息传递给M把数据存进数据库，还可以接受M的返回结果让T产生一个HTML页面
ajax实现简单的登录页面
wsy_666的博客
03-04 8543
一.什么是ajax ： Ajax是一种无需重新加载整个网页，能够更新部分网页的技术。 二.ajax的工作原理: Ajax工作原理是一个页面的指定位置可以加载另一个页面所有的输出内容，这样就实现了一个静态页面也能获取到数据库中的返回数据信息了。 所以Ajax实现了一个静态网页在不刷新整个页面的情况下与服务器通信，减少了用户等待时间，同时降低了网络流量，增强了客户体验的友好程度。 三.用ajax实现简...
Django+Jquery+Ajax+验证码登录案例
weixin_38383877的博客
10-17 335
1，创建项目test04 2，创建应用app为booktest 3，注册应用booktest 作用让创建的应用运行起来 4，在项目根目录下创建模板templates目录 作用就是存放html文件 在项目的settings.py文件中配置模板，如下图：   5，在项目根目录下创建static目录 作用就是存放css/图片/js等文件 在项目的settings.p...
django 两种登陆案例的简单实现
https://www.cnblogs.com/zpchcbd/
10-01 310
login.html模板文件定义如下： <form action="/login_check" method="post"> <label>用户名：<input type="text" name="username"></label><br> <label>用户名：<input type="passwor...
Django（一）-学习笔记整理
码python的Vinsmoke
05-20 511
MVC框架 MVC简介 MVC最初是由施乐公司旗下的帕罗奥多研究中心中的一位研究人员给 smalltalk语言发明的一中软件设计模式。 MVC的产生理念： 分工。让专门的人去做专门的事。 MVC的核心思想： 解耦。 MVC的思想被应用在的web开发的方面，产生了web MVC框架。 Web MVC框架模块功能 通过浏览器注册用户信息 M:Model,模型， 和数据库进行交互。 V:View,视图， 产生html页面。 C:Controller,控制器, 接收请求，进行处理，与M和V进行交互，返回应答。
面试题--web（django）
05-05 236
django django创建项目的命令？django-admin startproject 项目名称python manage.py startapp 应用app名 django创建项目后，项目文件夹下的组织部分（对mvt的理解）? 项目文件夹下的组成部分：manage.py 是项目运行的入口，指定配置文件路径。与项目同名的目录，包含项目的配置文件。___init.py 是...
二、Python复习教程（重点）- 前端框架
花开如雨的博客
10-26 4947
目录导航： 文章目录目录导航：三、Web前端1.1 Web前端开发介绍1. Web网站介绍2. 动态网站开发所需的Web构件3. Web的工作原理1.2 HTML基础语法 （缺）1.3 HTML常用标签介绍1.3.1 文本标签:1.3.2 格式化标签:1.3.3 图片标签img*1.3.4 HTML中的超级链接*1.3.5 表格标签1.3.6 form表单标签 (其中1~5重点，其他了解)1.3.7 ``...`` 行内框架1.3.8 多媒体标签（了解）1.4 CSS层叠样式表介绍1.4.1 什么是CSS?
booktest.wxml
10-20
booktest.wxml
BookTest1.zip
12-25
手把手教你整合最优雅SSM框架：SpringMVC + Spring + MyBatis
Django中使用jquery的ajax进行数据交互的实例代码
01-19
jquery框架中提供了$.ajax、$.get、$.post方法，用于进行异步交互，由于Django中默认使用CSRF约束，推荐使用$.get 示例：实现省市区的选择 最终实现效果如图： 将jquery文件拷贝到static/js/目录下 打开booktest/...
booktest：一种从github馈送Antora的测试
02-14
booktest：一种从github馈送Antora的测试
基于risc-V的五级流水线CPU实验项目源码+文档说明.zip
05-23
基于risc-V的五级流水线CPU实验项目源码+文档说明.zip已获导师指导并通过的97分的高分课程设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。 基于risc-V的五级流水线CPU实验项目源码+文档说明.zip已获导师指导并通过的97分的高分课程设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。 基于risc-V的五级流水线CPU实验项目源码+文档说明.zip已获导师指导并通过的97分的高分课程设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。 基于risc-V的五级流水线CPU实验项目源码+文档说明.zip已获导师指导并通过的97分的高分课程设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。 基于risc-V的五级流水线CPU实验项目源码+文档说明.zip已获导师指导并通过的97分的高分课程设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。 基于risc-V的五级流水线CPU实验项目源码+文档说明.zip已获导师指导并通过的97分的高分课程
IMG_20240523_164715.jpg
05-23
IMG_20240523_164715.jpg
Unity使用人工智能模型进行数字识别（Sentis）
05-23
Unity使用人工智能模型进行数字识
mobilenet模型-python语言pytorch框架的图像分类食品口味分类识别-不含数据集图片-含逐行注释和说明文档
最新发布
05-23
mobilenet模型_python语言pytorch框架的图像分类食品口味分类识别-不含数据集图片-含逐行注释和说明文档 本代码是基于python pytorch环境安装的。 下载本代码后，有个环境安装的requirement.txt文本 如果有环境安装不会的，可自行网上搜索如何安装python和pytorch,这些环境安装都是有很多教程的，简单的 环境需要自行安装,推荐安装anaconda然后再里面推荐安装python3.7或3.8的版本，pytorch推荐安装1.7.1或1.8.1版本 首先是代码的整体介绍 总共是3个py文件，十分的简便 且代码里面的每一行都是含有中文注释的,小白也能看懂代码 然后是关于数据集的介绍。 本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可 在数据集文件夹下是我们的各个类别,这个类别不是固定的，可自行创建文件夹增加分类数据集 需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置 然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。
以下程序运行结果正确的是：【 】 代码段1： public class BookTest { public static void main(String[] args) { new BookTest(); } } 代码段2： public class BookTest { public BookTest(int a){ System.out.println("这是带参数构造方法的输出"); } public static void main(String[] args) { BookTest book1 = new BookTest(); BookTest book2 = new BookTest(2); } } 代码段3： public class BookTest { public BookTest(){ System.out.println("这是构造方法的输出"); } public BookTest(int a){ System.out.println("这是带参数构造方法的输出"); } public static void main(String[] args) { BookTest book1= new BookTest(); BookTest book2= new BookTest(2); } }
06-11
代码段1只是定义了一个类 BookTest，但是没有实例化该类，因此没有输出结果。 代码段2中定义了两个BookTest类型的变量 book1 和 book2，分别使用了不同的构造方法来实例化对象。但是，由于没有无参构造方法，因此...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值