将jinjia2后端传到前端的字典数据转化为json

news/2024/10/24 10:28:18/

后端代码

python">from flask import Flask, render_template, jsonifyapp = Flask(__name__)@app.route('/')
def index():data = {'key': 'value', 'number': 123}return render_template('index.html', data=data)if __name__ == '__main__':app.run(debug=True)

 前端代码

        使用tojson过滤器即可

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JSON Example</title>
</head>
<body><script type="text/javascript">var data = {{ data|tojson }};console.log(data);</script>
</body>
</html>


http://www.ppmy.cn/news/1541575.html

相关文章

Lua数字

软考鸭微信小程序 过软考,来软考鸭! 提供软考免费软考讲解视频、题库、软考试题、软考模考、软考查分、软考咨询等服务 Lua作为一种动态类型的脚本语言&#xff0c;对数字的处理既简单又高效。在Lua中&#xff0c;数字主要分为整数和浮点数&#xff0c;且都遵循IEEE 754双精度浮…

C++ 图像处理框架

在 C 中&#xff0c;有许多优秀的图像处理框架可以用来进行图像操作、计算机视觉、图像滤波等任务。以下是一些常用的 C 图像处理框架&#xff0c;每个框架都有其独特的特性和适用场景&#xff1a; 1. OpenCV OpenCV&#xff08;Open Source Computer Vision Library&#xf…

SQLI LABS | Less-3 GET-Error based-Single quotes with twist-String

关注这个靶场的其它相关笔记&#xff1a;SQLI LABS —— 靶场笔记合集-CSDN博客 0x01&#xff1a;过关流程 输入下面的链接进入靶场&#xff08;如果你的地址和我不一样&#xff0c;按照你本地的环境来&#xff09;&#xff1a; http://localhost/sqli-labs/Less-3/ 靶场提示 …

考研篇——数据结构王道3.2.3_队列的链式实现

目录 1.链队列2.代码实现2.1 带头结点2.2 不带头结点 总结 1.链队列 队列是一种线性结构&#xff0c;线性是指其在逻辑结构&#xff0c;上一节我们顺序存储实现队列&#xff0c;这次链式存储实现队列。与单链表的实现不同的是&#xff0c;只能在表头删除&#xff0c;表尾插入。…

大数据-185 Elasticsearch - ELK 家族 Logstash 安装配置 Input 插件-stdin stdout

点一下关注吧&#xff01;&#xff01;&#xff01;非常感谢&#xff01;&#xff01;持续更新&#xff01;&#xff01;&#xff01; 目前已经更新到了&#xff1a; Hadoop&#xff08;已更完&#xff09;HDFS&#xff08;已更完&#xff09;MapReduce&#xff08;已更完&am…

美的空调SAP ERP信息化整体规划方案|141页PPT

文档是关于美的空调SAP ERP信息化整体规划方案的详细介绍。文档从不同角度深入探讨了美的空调在实施SAP ERP系统时的规划方案、实施路线图、业务挑战、管理提升建议、系统架构设计、核心诉求、数据管理、供应链管理、生产管理、物料管理、质量管理、财务管理等多个方面。 案例介…

R语言笔记(一)

文章目录 一、R objects二、Types of data三、Operators1、Operators2、Comparison operators3、Logical operators 四、Check types of data objects五、Convertion between data objects六、R workspace 一、R objects Two basic types of things/objects: data and functio…

定时任务使用kafka

定时任务使用kafka 在上述业务场景中使用 Kafka 而不是直接定时执行任务有以下几个重要原因&#xff1a; 一、解耦 任务触发与执行分离&#xff1a; 使用 XXL-JOB 定时触发任务并将任务消息发送到 Kafka&#xff0c;实现了任务触发端&#xff08;通常是调度系统&#xff09;和…