将 python/django 变量作为 JSON 传递给 javascript？答案

【问题标题】：Pass python/django variable into javascript as JSON?将 python/django 变量作为 JSON 传递给 javascript？
【发布时间】：2017-04-04 06:59:37
【问题描述】：

使用 django 1.9 和 python 3.4 在个人项目网站上工作。我正在使用FullCalendar。这个想法是将一组约会对象传递到包含日历的 javascript 的 html 页面中。但现在，我只是想通过一个默认约会。

在 views.py 我有以下内容：

appt = json.dumps({ "title": "meeting", "start": "2016-11-20"});
return render(request, 'healthnet/profile_patient.html', {'patient': patient, 'appt': appt_set})

在 profile_patient.html 中：

<script>

    var data = jQuery.parseJSON("{{appt}}");

    var events;
    events = [];
    events.push(data);


    $(document).ready(function() {

        $('#calendar').fullCalendar({
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: events
        });
    });
</script>

appt 我相信没有得到正确解析。加载网页时，日历根本不显示。

当我用直接字符串替换 appt 时，它确实有效：

var data = jQuery.parseJSON('{"title": "meeting", "start": "2016-11-20"}');

当我致电alert("{{appt}}"); 时，我得到以下信息：

所以我使用变量的方式有问题。有什么想法吗？

【问题讨论】：

如果你这样做会发生什么：console.log(data) ??它打印空吗？它打印出什么？
你能不能试着把 " 改成 '? jQuery.parseJSON('{{appt}}'); ?
我上传了一张警报信息的图片。警报（数据）什么都不做。我不能做一个console.log。
不幸的是，单引号没有改变任何东西

标签： javascript jquery python json django

【解决方案1】：

只需使用安全过滤器：

var data = jQuery.parseJSON('{{appt | safe}}');

n.b.你也可以这样做

var apptData = {{ appt | safe }};

【讨论】：