首页 > 其他分享 >djiango框架前端数据通过Ajax传到后端进行处理

djiango框架前端数据通过Ajax传到后端进行处理

时间:2023-02-15 10:12:27浏览次数:35  
标签:框架 url 前端 Ajax djiango 页面

最近在琢磨搭建测试平台,python相对来说简单一点,框架的话就选择djiango框架,既然搭建平台就肯定需要进行数据处理,摸索了一下,在此记录一下数据的梳理流程。

1. 首先自己写一个登录页面出来,可以自己写也可以百度

 

 

 2. 写JS脚本

首先获取页面输入的账号密码,再通过Ajax传到后端,url自己定义

 

 

 3. 后端url

urlpatterns里面配置,记得保持一致性

 

 

 views里面写登录的方法(函数)

通过 

return JsonResponse(data)
将返回的数据传递给前端

 

 login方法自己定义哈

我这里没有连接数据库,做了一些简单的判断

 

 

4. 前端接受到后台返回的数据,页面跳转或者错误信息的展示

 

 以上就是一个简单的前端后端的数据处理流程,附效果图

 

 

标签:框架,url,前端,Ajax,djiango,页面
From: https://www.cnblogs.com/jack-tan/p/17121752.html

相关文章

  • 浏览器前端 JavaScript Worker使用
    主Js文件内容://注意://使用前先判断浏览器是否支持//Worker内的代码不可以操作DOM//不能跨域加载Worker的js文件if(window.Worker!==undefined){//新建Worker......
  • 前端安全--CSRF攻防
    CSRF流程CSRF攻击有着如下的流程:受害者登录a.com,并保留了登录凭证(Cookie)。攻击者引诱受害者访问了b.com。b.com向a.com发送了一个请求:a.com/act=xx。浏览器会…......
  • 【转载】前端大文件上传和下载(分片上传)
    版权声明:本文为CSDN博主「BreenCL」的原创文章,遵循CC4.0BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/baoyin0822/article/details/12......
  • vue-day01——前端发展历史、vue的介绍及基本使用
    目录今日内容详细一、前端发展历史二、Vue的介绍与基本使用1.Vue简介2.Vue特点3.M-V-VM思想4.组件化开发、单页面开发5.版本选择6.引入方式7.简单使用8.补充今日内容详细......
  • 前端之——vue day02 文本、事件、属性、条件渲染、列表渲染指令,class和style在vue中
    一、插值语法补充1.vue没有get,对象取值可以用句点,也可以【'K'】2.vue里数组取值,直接索引拿3.三目运算符​ 和Python三元有略微差别,Py的是结果一if条件else结果二......
  • 一、前端基础HTMl、CSS
    一、CSS初识:1.1、内部样式表:<head><styletype="text/CSS">选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}</style></head>1.2、行内式(内......
  • 前端发展史 vue介绍 vue的快速使用
    上节回顾#1jwt源码分析-签发: 登录----》ObtainJSONWebToken--->post--->serializer.is_valid()--->走了校验---》正常登录逻辑可以拿到序列化类的validate中......
  • drf的总结与前端vue框架了解
    drf的总结与前端vue框架了解一、drf知识点整合1、drf入门及规范#1drf入门规范-前后端分离模式-前后端混合-postman-restful规范-drf:django......
  • 1 drf回顾 、2 前端发展历史、 3 vue介绍
    目录1drf回顾2前端发展历史3vue介绍1drf回顾#1drf入门规范 -前后端分离模式-前后端混合-postman-restful规范-drf:django的app#2序列化类......
  • 【前端】microApp微前端搭建简单Demo
    创建项目第一步,创建项目,分别创建base_app(主基座)、a_app(子项目1)配置主基座项目Main.js中引入@Micro-zoe/micro-app//main.jsimportmicroappfrom'@micro-zoe/mic......