栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

通过Django将Python数据传递给JavaScript

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

通过Django将Python数据传递给JavaScript

nb见底部的2018更新

我建议不要在Django模板中放置太多Javascript-
往往很难编写和调试,尤其是在项目扩展时。相反,请尝试将所有Javascript写入一个单独的脚本文件中,以供模板加载,并在模板中仅包含JSON数据对象。这使您可以执行诸如通过JSLint等运行整个Javascript应用程序,对其进行缩小等操作,并且可以使用静态HTML文件对其进行测试,而无需依赖Django应用程序。使用诸如simplejson之类的库还可以节省您编写繁琐的序列化代码的时间。

如果您不假设自己正在构建AJAX应用,则可以这样简单地完成操作:

在视图中:

from django.utils import simplejsondef view(request, …):    js_data = simplejson.dumps(my_dict)    …    render_template_to_response("my_template.html", {"my_data": js_data, …})

在模板中:

<script type="text/javascript">    data_from_django = {{ my_data }};    widget.init(data_from_django);</script>

请注意,数据类型很重要:如果

my_data
是简单数字或来自受控来源(不包含HTML)的字符串(例如格式化日期),则不需要特殊处理。如果有可能由用户提供不受信任的数据,则需要使用诸如escape或escapejs过滤器之类的方法对其进行清理,并确保您的Javascript安全地处理该数据,以避免跨站点脚本攻击。

就日期而言,您可能还需要考虑如何传递日期。我几乎总是发现将它们作为Unix时间戳传递是最简单的:

在Django中:

time_t = time.mktime(my_date.timetuple())

在Javascript中,假设您已

time_t = {{ time_t }}
对上面的代码片段进行了类似的操作:

my_date = new Date();my_date.setTime(time_t*1000);

最后,请注意UTC-您将希望Python和Django日期函数以UTC交换数据,以避免尴尬地偏离用户本地时间。

编辑:请注意,javascript中的setTime以毫秒为单位,而time.mktime的输出为秒。这就是为什么我们需要乘以1000

2018年更新:我仍然喜欢将JSON用于复杂值,但是在随后的十年中,HTML5数据API已获得接近通用浏览器的支持,并且在周围传递简单的(非列表/字典)值非常方便,尤其是如果您希望使用CSS规则将根据这些值应用,并且您不必担心Internet
Explorer的不受支持版本。

<div id="my-widget" data-view-mode="tabular">…</div>let myWidget = document.getElementById("my-widget");console.log(myWidget.dataset.viewMode); // Prints tabularsomethingElse.addEventListener('click', evt => {    myWidget.dataset.viewMode = "list";});

如果要在Django模板中设置初始视图状态,并在Javascript更新

data-
属性时自动更新它,则这是一种将数据公开给CSS的巧妙方法。我将其用于诸如隐藏进度小部件之类的事情,直到用户根据获取结果选择要处理的东西或有条件地显示/隐藏错误,甚至使用CSS之类的显示活动记录数之类的东西
#some-element::after { content: attr(data-active-transfers); }



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/634204.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号