前后端不分离中使用 Ajax 请求(Django3.2)

前后,分离,使用,ajax,请求,django3 · 浏览次数 : 12

小编点评

## 代码解析及生成内容 这段代码定义了一个函数 `get_tokens`,该函数获取并返回一个请求中获取的 token。 **代码解析:** * `get_token(request)`:该函数获取请求中获取的 token。 * `HttpResponse(token)`:该函数将 token 字串转换为 HTTP 响应并返回。 * `login.html$.ajax({ ... })`:该代码使用 AJAX 请求获取 JSON 格式的数据。 * `url:\"/get tokens/\"`:请求地址。 * `success: function (res)`:请求成功时执行的回调函数。 * `console.log(res)`:打印请求响应内容。 * `localStorage.setItem("token", res)`:将响应内容存储到本地存储中。 * `$(\".login btn\").click(function (){ ... })`:当登录按钮被点击时执行的 JavaScript 事件。 * `$.ajax({ ... })`:使用 AJAX 发送 POST 请求。 * `data:{ csrfmiddlewaretoken:localStorage.getItem("token"), user: $(\".user\").val(), pwd: $(\".pwd\").val(), }`:发送数据,包含 CSRF token 和登录用户名和密码。 * `success: function (res)`:请求成功时执行的回调函数。 * `console.log(\"res:\",res)`:打印请求响应内容。 * `if(res,state){ ... }else { ... }`:根据请求状态(成功或失败)处理响应数据。 **总结:** 这段代码定义了一个函数,用于从请求中获取 token 并将其存储到本地存储中。当用户点击登录按钮时,该函数将发送 POST 请求并根据响应状态处理登录结果。

正文

博客地址:https://www.cnblogs.com/zylyehuo/

view.py

def get_tokens(request):
	token = get_token(request)
	return HttpResponse(token)

login.html

$.ajax({
	url:"/get tokens/"
    success: function (res{
    	console.log(res);
		localStorage.setItem("token",res)
	}
});

$(".login btn").click(function (){
    $.ajax({
        url:"/login/"
        type:"post"
        data:{
            csrfmiddlewaretoken:localStorage.getItem("token")
            user: $(".user").val(),
            pwd: $(".pwd").val(),
        },
        success: function (res) {
            console.log("res:",res);
            if(res,state){
                location.href = "/index/"
            }else {
                $(".err").html(res.msg)
            }
        }
    }
}

与前后端不分离中使用 Ajax 请求(Django3.2)相似的内容:

前后端不分离中使用 Ajax 请求(Django3.2)

博客地址:https://www.cnblogs.com/zylyehuo/ view.py def get_tokens(request): token = get_token(request) return HttpResponse(token) login.html $.ajax({ url:

值得推荐的Blazor UI组件库

前言 本文主要是推荐一些开源、免费、实用、美观的Blazor UI组件库,提供给广大C#/.NET开发者们学习和使用(注意:排名不分先后,都是十分优秀的开源框架和项目💖)。本文中的所有框架都已经收录到适合后端程序员的前端框架GitHub Issues知识库中,假如大家有更好组件库推荐欢迎到以下Gi

Blazor技术入门

曾写过点儿前后端分离的项目(Vue+.NET Core Web API)、WPF和WinForm。因为Blazor不支持小程序的原因(相对于uniapp),所以只是大概知道Blazor可以写Web、PC和移动端项目,最大的特点就是使用C#代替JS。本文算是通过几个默认例子入门Blazor技术吧。 一

BS系统的登录鉴权流程演变

登录鉴权方式是随着前后端架构的变化而变化的。早期的系统是前后端不分离的。通常前端是freemaker/velocity/jsp+html。后端是SSH或SSM。后来Vue等前端框架的兴起,使得前后端得以分离。前端是Vue+nodejs,后端是SSM或SpirngBoot。SpringBoot大大简化...

项目讲解之火爆全网的开源后台管理系统RuoYi

博主是在2018年中就接触了 RuoYi 项目 这个项目,对于当时国内的开源后台管理系统来说,RuoYi 算是一个完成度较高,易读易懂、界面简洁美观的前后端不分离项目。 对于当时刚入行还在写 jsp 模板的博主来说,RuoYi 项目在后台基础功能、模块划分、易用性和页面美观度上,对比同期用 Java

SpringBoot3整合SpringDoc实现在线接口文档

写在前面 在现目前项目开发中,一般都是前后端分离项目。前端小姐姐负责开发前端,苦逼的我们负责后端开发 事实是一个人全干,在这过程中编写接口文档就显得尤为重要了。然而作为一个程序员,最怕的莫过于自己写文档和别人不写文档 大家都不想写文档,那这活就交给今天的主角Swagger来实现了 一、专业名词介绍

如何从抓包文件中分析慢请求

请求慢的原因很多,当出现前端反应接口慢时,而通过后端日志查看请求处理时间并不慢时,往往会手足无措,当面对网络问题出现手足无措时,这就是在提醒你该抓包分析了,那么一般如何根据抓包文件去分析慢请求呢,今天我们就来看看。 ## 抓包文件分析 准备用我在测试环境抓到的包去进行分析,首先执行抓包命令。 ```

基于.NetCore开发博客项目 StarBlog - (22) 开发博客文章相关接口

## 前言 本文介绍博客文章相关接口的开发,作为接口开发介绍的第一篇,会写得比较详细,以抛砖引玉,后面的其他接口就粗略带过了,着重于WebApi开发的周边设施。 涉及到的接口:文章CRUD、置顶文章、推荐文章等。 开始前先介绍下AspNetCore框架的基础概念,MVC模式(前后端不分离)、WebA

传统的MVC开发模式和前后端分离开发模式

在当今互联网时代,移动应用和网页应用的发展极大地推动了前后端分离开发模式的兴起。传统的后端渲染方式已经不能满足用户对高性能和优质用户体验的需求,于是前后端分离逐渐成为了一种主流的开发模式。前后端分离开发模式通过将前端和后端的开发分离,极大地提高了开发效率和团队协作。前端开发人员专注于用户界面和交互逻...

chatgpt接口开发笔记1:completions接口

chatgpt接口开发笔记1:completions接口 序:写这一系列文章的动机来源于在部署Chanzhaoyu/**chatgpt-web**项目时发现,体验并不好,会存在多人同时提问时回答会夹断,上下文接不上的现象。同时希望搭建的项目能实现前后端分离。于是用webapi写了一套后端接口。我会把