django-登陆功能-使用ajax实现
  TEZNKK3IfmPf 2023年11月14日 26 0

取消表单方式的提交

使用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

为什么?

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

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

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月14日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年03月29日   58   0   0 djangopython
  TEZNKK3IfmPf   2024年03月22日   94   0   0 ajaxjavascript
  TEZNKK3IfmPf   2023年11月15日   27   0   0 ajaxjs
  TEZNKK3IfmPf   2023年11月15日   24   0   0 django时间
  TEZNKK3IfmPf   19天前   31   0   0 ajaxxml
  TEZNKK3IfmPf   2023年11月15日   33   0   0 djangopython
TEZNKK3IfmPf