Ajax请求来实现用户的登录

Ajax请求来实现用户的登录:
  • 异步的javascript。在不全部加载某一个页面的情况下,对页面进行局部的刷新。
  • 图片、css文件、js文件都是静态文件

步骤如下:

  • 发起ajax请求:jquery发起
  • 执行相应的视图函数,返回json内容
  • 执行响应的回调函数。通过判断json内容,进行响应处理。
    在这里插入图片描述
    在这里插入图片描述
在Django中静态文件有专门的存储目录和配置要求:
第一步:在项目中创建存储静态文件的目录。

在这里插入图片描述

第二步:让django能够识别我们所创建的目录。

在这里插入图片描述

第三步:从网上下载最新的jquery。

在这里插入图片描述

第四步:创建登录的模板文件

在这里插入图片描述

第五步:为模板文件配置url地址

在这里插入图片描述

第六步:配置url地址所需要的试图函数。

在这里插入图片描述

第七步:运行项目进行测试。

在这里插入图片描述
在这里插入图片描述

  • 下面表示jquery引入成功
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 还可以在模板文件中使用下面的语法形式进行加载静态文件:
    在这里插入图片描述
    在这里插入图片描述
    总结:有两种引入静态文件的形式
第八步:发送ajax请求进行实现登录。

在这里插入图片描述

第九步:配置ajax请求中所需要的url地址。

在这里插入图片描述

第十步:配置url地址中所需要的试图函数。

在这里插入图片描述

运行项目进行测试:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
至此,可以说明,传参和发送ajax请求和服务器接收参数都成功了。

也可以使用路由反向解析的形式进行书写ajax请求的地址:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

完善试图函数功能:

在这里插入图片描述

再来完善ajax请求成功后的处理:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

最后:运行完整测试:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值