TypechoJoeTheme

至尊技术网

统计
登录
用户名
密码
搜索到 1 篇与 的结果
2025-08-02

在外部JavaScript中优雅访问Django变量的5种实践方法

在外部JavaScript中优雅访问Django变量的5种实践方法
一、为什么这是个值得关注的问题?在开发Django应用时,我们经常遇到这样的困境:模板中明明定义了{{ user_data }}变量,但在独立的app.js中却无法直接访问。这是因为: 外部JS文件不经过模板引擎渲染 直接混合Django语法与JavaScript会导致解析错误 存在XSS注入风险 html // 这里无法读取 {{ django_var }} ❌ 二、5种经实战验证的解决方案方法1:data-*属性传递法(推荐)适用场景:需要传递少量简单数据时html const root = document.getElementById('root'); console.log(root.dataset.user); // 安全访问 优势: - 天然防XSS(自动HTML转义) - 符合HTML5标准 - 支持复杂数据结构(需结合JSON)方法2:JSON内联脚本法适用场景:需要传递复杂对象时html {{ json_data|safe }} const config = JSON.parse(document.getElementById('c...
2025年08月02日
2 阅读
0 评论