Ajax请求来实现用户的登录

本文详细介绍了如何使用Ajax实现用户登录功能,并在Django项目中正确配置和使用静态文件,包括创建目录、识别目录、下载jQuery库、配置模板文件及URL等关键步骤。
Ajax请求来实现用户的登录:
  • 异步的javascript。在不全部加载某一个页面的情况下,对页面进行局部的刷新。
  • 图片、css文件、js文件都是静态文件

步骤如下:

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

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

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

运行项目进行测试:

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

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

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

完善试图函数功能:

在这里插入图片描述

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

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

最后:运行完整测试:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值