Django 前后台的数据传递

Django 从后台往前台传递数据时有多种方法可以实现。

最简单的后台是这样的:

这个就是返回index.html的内容,但是如果要带一些数据一起传给前台的话,该怎么办呢?

这里是这样:后台传递一些数据给html,直接渲染在网页上,不会有什么复杂的数据处理(如果前台要处理数据,那么就传数据给JS处理)

Django 代码:

html使用 {{ }} 来获取数据

可以对可迭代的数据进行迭代:

该方法可以传递各种数据类型,包括list,dict等等。
而且除了 {% for %} 以外还可以进行if判断,大小比较等等。具体的用法读者可以自行搜索。

如果数据不传给html用,要传给js用,那么按照上文的方式写会有错误。
需要注意两点:

代码:
views.py

JavaScript部分:

这个标题的意思是:网页前台使用Ajax发送请求,后台处理数据后返回数据给前台,前台不刷新网页动态加载数据

Django 代码:

JS 代码:

JS 发送ajax请求,后台处理请求并返回status, result
success: 后面定义回调函数处理返回的数据,需要使用 JSON.parse(data)

Original: https://www.cnblogs.com/to-creat/p/7163402.html
Author: Wei_java
Title: Django 前后台的数据传递

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/537034/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • t-io 学习笔记(一)

    基础介绍理解篇 序:本文也是在t-io官网学习的基础上写的理解学习笔记;1.什么是t-io? t-io是基于JVM的网络编程框架,和netty属同类,所以netty能做的t-io都…

    Java 2023年6月16日
    080
  • Java面向对象(八)

    public class PersonTest { public static void main(String[] args) { //非匿名的类非匿名的对象 Worker wo…

    Java 2023年6月9日
    082
  • 微服务入门之Gateway

    一、简介 1、zuul 和 gateway的缘起 zuul是Netflix出品的一个基于JVM路由和服务端的负载均衡器,提供动态路由、监视、弹性、安全性等功能的边缘服务。在gate…

    Java 2023年6月9日
    076
  • 分享两个实用的shell脚本

    各位,早上好啊~ 发现许久没有分享过技术文章了,今天分享两个部署项目时候比较实用的shell脚本 一键部署shell脚本 由于个人部署,会习惯把jar放到lib目录下面,如果你没有…

    Java 2023年6月13日
    075
  • SpringBoot下的文件上传

    ; 代码很简单。已经放到码云了,码云地址:https://gitee.com/zhang-zhixi/springboot-upload.git posted @2022-04-2…

    Java 2023年6月6日
    062
  • Nginx反向代理的几种配置模板

    因为内网服务越来越多,各种IP加端口地址根本记不住,于是用Nginx做反响代理,也可以很好管理内网的地址分发。 下面提供几种Nginx配置模板。因为也是自己摸索着配置的,有错误的地…

    Java 2023年5月30日
    065
  • Java8新特性之Stream–collect方法

    collect方法收集(collect)collect,收集,可以说是内容最繁多、功能最丰富的部分了。从字面上去理解,就是把一个流收集起来,最终可以是收集成一个值也可以收集成一个新…

    Java 2023年5月29日
    089
  • 程序设计基础·Java学习笔记·面向对象(下)

    Java程序设计基础之面向对象(下) (补充了上的一些遗漏的知识,同时加入了自己的笔记的ヾ(•ω•`)o) (至于为什么分P,啊大概是为了自己查笔记方便(?)应该是(〃` 3′〃)…

    Java 2023年6月7日
    084
  • Linux机器在命令行操作时开启/关闭代理

    命令行操作时,如果需要连接通过代理才能访问的地址,可以通过配置当前shell的配置文件来手动开启/关闭代理 注意:代理只对当前用户当前shell生效,切换用户或者重新连接需要重新开…

    Java 2023年6月14日
    058
  • Linux-查看清理日志方法总结

    cat 1.1 介绍 cat(英文全拼:concatenate)命令用于连接文件并打印到标准输出设备上。 1.2 命令 语法格式: cat [-AbeEnstTuv] [–hel…

    Java 2023年6月8日
    096
  • doc或docx(word)或image类型文件批量转PDF脚本

    doc或docx(word)或image类型文件批量转PDF脚本 1.实际生产环境中遇到文件展示只能适配PDF版本的文件,奈何一万个文件有七千个都是word或者image类型的,由…

    Java 2023年6月9日
    066
  • java 获取网页写入本地文件来解决让一个js事件

    依赖 org.apache.httpcomponents httpmime 4.5.2 org.apache.poi poi 3.14 调用 public static void …

    Java 2023年6月9日
    059
  • linux 命令行出现-bash-4.2$的解决办法

    linux 命令行出现-bash-4.2$的解决办法 Linux服务器新建立的用户在登录时显示”-bash-4.2$”,而不是”user@主机名…

    Java 2023年6月9日
    0122
  • SpringCloudAlibaba项目之生产者与消费者

    SpringCloudAlibaba随笔目录 一、SpringCloudAlibaba项目之父工程搭建 二、 SpringCloudAlibaba项目之Nacos搭建及服务注册 三…

    Java 2023年6月5日
    090
  • Java SE 3、封装

    提供一个公共的(public)set方法,用于对属性判断并赋值 public void setXxx(类型 参数名){ //Xxx表示某个属性 ​ //加入数据验证的业务逻辑 ​ …

    Java 2023年6月7日
    089
  • 【笔记】并查集—无向图处理代码模板及类型题

    并查集要处理的两个问题 查询图中两个顶点是否在同一个集合之中。 将两个不相交的集合进行合并。 设计并查集的两种思想 基于id 给每个顶点分配一个唯一的标识,称为 id id 不同则…

    Java 2023年6月7日
    071
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球