Pass python/django variable into javascript as JSON?

Question

Woking on personal project website with django 1.9 and python 3.4. I am using FullCalendar. The idea is to pass a set of appointment objects into the html page containing the javascript for the calendar. But right now, I am just trying to pass a single default appointment.

In views.py I have the following:

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

In 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 is not getting properly parsed I believe. When the web page is loaded, the calendar does not display at all.

When I substitute appt with the direct string, it does work:

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

When I call alert("{{appt}}"); i get the following:

enter image description here

So there's something wrong with the way I'm using ths varibale. Any ideas?

so what happens if you do: console.log(data) ?? does it print null? what does it print out? — HenryDev
– HenryDev, Commented Nov 20, 2016 at 23:43
Could you try to change " by '? jQuery.parseJSON('{{appt}}'); ? — Oleksandr Dashkov
– Oleksandr Dashkov, Commented Nov 20, 2016 at 23:47
I uploaded a picture of the alert message. Alert(data) does nothing. And I cant do a console.log. — Donald Mannise
– Donald Mannise, Commented Nov 20, 2016 at 23:49

2ps · Accepted Answer · 2016-11-21 00:45:21Z

3

Just use the safe filter:

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

n.b. you can also do this

var apptData = {{ appt | safe }};

answered Nov 21, 2016 at 0:45

2ps

16k2 gold badges34 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Pass python/django variable into javascript as JSON?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related