取消表单方式的提交

使用ajax方式提交

》效果

用户输入用户名和密码

点击提交

如果用户名密码正确，那么就跳转页面（思考谁跳转）

如果用户名或者密码不正确，就显示错误的信息（错误信息由谁提供？）

》前端思考的问题

1，往哪个路径提交，什么方式提交

2，提交时传什么参数过去

3，后端会返回什么过来

》后端要处理的事情

前端通过什么路径来访问我

如何获取数据（URL获取？GET,POST方式获取？）

返回什么给前端

》双方交流沟通

返回值来一个字典吧

{“stat":1, “data”:数据}

{“stat”:0, “msg”:错误内容}

代码开始

前端

》ajax格式建起来

》获取input框中的表单数据

》表单数据拼到ajax里的data中

》请求结果分析

根据后端传回的数据，给出不同的反应

1，用户名，密码正确时。
跳转页面。
location.href = 网址

2，不正确时。
显示错误信息

后端

》视图

获取用户名和密码

校验

返回json数据

》注意事项

后端给ajax的请求返回时

不要跳转，redirect

不要渲染，render

要么返回HttpResponse

要么返回JsonResponse

为什么？

因为前端只需要字符串而已

不要返回前端用不着的东西

django-登陆功能-使用ajax实现相关推荐

六十五、SpringBoot配置拦截器拦截静态资源和区域解析器实现登陆功能
@Author:Runsen 来源:尚硅谷下面建议读者学习尚硅谷的B站的SpringBoot视频,我是学雷丰阳视频入门的. 具体链接如下:B站尚硅谷SpringBoot教程本次到了SpringBo ...
python编程用户登陆c_django实现用户登陆功能详解
简介: Python下有许多款不同的 Web 框架.Django是重量级选手中最有代表性的一位.许多成功的网站和APP都基于Django. Django是一个开放源代码的Web应用框架,由Python ...
security 底层原理_spring security 实现remeber me（免登陆功能）的原理
spring security 实现免登陆功能大体也是基于COOKIE来实现的. 主要配置信息: authentication-success-handler-ref="authentica ...
login aspx实现登陆功能 400电话
default aspx允许所有用户访问.login aspx实现登陆功能 400电话,reguser aspx实现注册用户功能.1 首先我们新建一个网站2 进入c:\windows\microsof ...
ktv登陆功能的实现 1216
ktv登陆功能的实现 1216 初始界面完善显示登陆验证编写方法非空验证如果不为空才干正事登陆主逻辑
综合演练实现登陆功能 1124
综合演练实现登陆功能 1124 目标本项目需要有两个窗体, 其中第1个窗体用于登录,如果登录成功,那么跳转到第2个窗体, 在第2个窗体当中,显示用户的一些简单的信息,作为登录成功的一个模拟. 如果 ...
需求说明用户登陆功能的实现 c#
需求说明用户登陆功能的实现 c# 需求说明新建一个用户数据表添加一个管理员的用户编写一个c#的程序接收用户输入的帐号与密码提交后查询数据库如果查询成功提示登陆成功否则提示登陆不成功 ...
三星S10指纹识别玩脱了！多家金融APP关闭指纹登陆功能
近日,三星Galaxy S10等设备的指纹识别安全漏洞问题引发全球关注,尽管三星官方发布声明将发布补丁修复该问题,目前国内外多家金融机构已采取措施,关闭涉及相关机型的指纹登录功能. 此前据外媒报道,一 ...
Struts2和hibernate框架整合实现简单的注册登陆功能
Struts2和hibernate框架整合实现简单的注册登陆功能项目结构: LoginAction.java package action; import vo.User; import vo.Us ...
QQ登陆功能的实现2
QQ登陆功能的实现2 由于看到园子里有朋友说需要讲解和剖析实现的步骤,前面的QQ登陆实现只有代码,所以这篇补上 1. 分析 1). 当运行QQ.exe后会出现qq登陆界面的窗体 2). 我们用spy ...

django-登陆功能-使用ajax实现

代码开始

django-登陆功能-使用ajax实现相关推荐

最新文章

热门文章