將python/django變量作爲JSON傳遞給JavaScript？

在個人項目網站上用django 1.9和python 3.4進行Woking。我正在使用FullCalendar。這個想法是將一組約會對象傳遞給包含日曆的JavaScript的html頁面。但現在，我只是想通過一個默認的約會。將python/django變量作爲JSON傳遞給JavaScript？

在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}}");我得到以下幾點：

enter image description here

因此，有一些錯誤的方式我使用這種varibale。有任何想法嗎？

來源

2016-11-20 Donald Mannise

所以如果你這樣做會發生：console.log（data）??它打印null？它打印出什麼？ – HenryDev

您可以嘗試更改「by」？jQuery.parseJSON（'{{appt}}'）;？ –

我上傳了警報消息的圖片，警報（數據）什麼也沒有做，我也無法做一個console.log。 –

只需使用安全過濾器：

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

注：你也可以這樣做

var apptData = {{ appt | safe }};

來源

2016-11-21 00:45:21 2ps

這工作！謝謝！ –

將python/django變量作爲JSON傳遞給JavaScript？

回答

相關問題