Django通过JSON传递数据至前端JS并解析的操作方法

Chloe
Chloe
发布时间:2026-10-13| 5人浏览过
原创

本文介绍了在Django框架中将后端数据传递给前端模板,并由JavaScript进行接收和处理的完整流程。核心步骤包括使用json.dumps()对Python数据进行序列化,并在前端通过JSON.parse()配合Django模板语法解析字符串,从而实现前后端数据的有效交互。

本文记录在Django开发中,如何将后端数据传递给前端模板,并利用JavaScript进行后续处理的实现过程。

在Django视图函数中,调用json.dumps()方法将需要传递的数据序列化为JSON字符串,随后将其作为上下文参数传递给前端模板。

import json 
return render(request,'wauth/freetime.html', {'slot_ids': json.dumps(slot_ids)}) 

在前端JavaScript代码中,通过JSON.parse()方法解析从Django模板传入的JSON字符串,从而在JS环境中获得可用的数据对象。

var slot_ids = JSON.parse('{{ slot_ids|safe }}'); 

上述内容即为Django向模板传值并由JS接收处理的完整示例,旨在为相关开发者提供参考与帮助。

免责声明:本文内容仅供参考,不代表本站观点。转载或引用请注明出处。

Python 相关产品和应用

全部下载
Selenium

Selenium

4.51.0 · Windows

用于浏览器自动化和 Web 测试的 Python 工具。

scikit-learn

scikit-learn

1.9.1 · Windows

常用 Python 机器学习算法与模型评估工具库。

Black

Black

26.10.1 · Windows

强调一致性的 Python 自动代码格式化工具。

Ruff

Ruff

0.17.1 · macOS

由 Rust 编写的高速 Python 代码检查和格式化工具。

pytest

pytest

9.1.1 · Windows

简洁而强大的 Python 自动化测试框架。

FastAPI

FastAPI

0.146.0 · Windows

高性能 Python API 框架,支持类型提示和自动接口文档。

Flask

Flask

3.1.3 · Windows

轻量灵活的 Python Web 应用框架。

Django

Django

6.1.2 · Windows

成熟的 Python Web 框架,适合构建内容站点和业务系统。

Spyder

Spyder

6.1.7 · Windows

面向科学计算与数据分析的 Python 集成开发环境。

SciPy

SciPy

1.18.1 · Windows

面向科学、工程和技术计算的 Python 算法库。