DjangoからJSの値の受け渡しについて

Question

DjangoからJSに値を受け渡したい

DjangoでHTMLに渡しているデータをJSでも同様に使いたいです。

# view.py
from django.views import generic
from . import mixins
from memorial_calendar.models import MemorialDay


# Create your views here.
class MemorialCalendar(mixins.MonthWithScheduleMixin, generic.TemplateView):
    """スケジュール付きの月間カレンダーを表示するビュー"""
    template_name = 'memorial_calendar/memorialcalendar.html'
    model = MemorialDay
    date_field = 'memorialdate'

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        calendar_context = self.get_month_calendar()
        context.update(calendar_context)
        return context

returnしているcontextにはカレンダーに表示する日付とスケジュールが
格納されています。

{% extends 'base.html' %}
{% load static %}
{% block content %}

<!-- ここでカレンダーをクリックしたときにJavascriptのソースが呼ばれる -->
    <script type="text/javascript" src="{% static 'memorial_calendar/js/click-calendar.js' %}"></script>
    <link rel='stylesheet' href="{% static 'memorial_calendar/css/style.css' %}">
    <a href="{% url 'memorialcalendar' month_previous.year month_previous.month %}">前月</a>
    {{ month_current | date:"Y年m月" }}
    <a href="{% url 'memorialcalendar' month_next.year month_next.month %}">次月</a>
    <table class="table">
        <thead>
        <tr>
            {% for w in week_names %}
                <th>{{ w }}</th>
            {% endfor %}
        </tr>

<!-- 省略​-->

// 下記でどうにかしてpythonで作成したcontextを受け取りたい
var context = ?????????

流れとしてはDjango→HTML→JSになるような気がするのですが、どのように値を渡せばよいかわからずにいます。
簡単な文字列や数字ならidで付与して(たぶんあんまりよくない)、JSで使えばいいと思うのですが、オブジェクトだとどのように取得すればよいかわからないです。

Django初心者のため、詳しく教えていただけるうれしいです。

Answer 1

例えば、 Templateに

var context = {{context_as_json | safe}};

というのを作っておいて、
DjangoのViewからTemplate に context_as_json=json.dumps(JSONに変換可能な渡したい情報)
というキーでデータを渡すというのはあるかなと思います。

「JSONに変換可能な渡したい情報」というのは、 概ね list, dict, str, 数値系, bool, None で構成されているデータです。
今の Django Model で取得できているデータを上記に揃えて json.dumps すると良いのかなと思います。