使用 Django 视图值更新 JavaScript [重复]

Question

在下面的js文件中

'use strict';
$(document).ready(function() {
    buildchart()
    $(window).on('resize', function() {
        buildchart();
    });
    $('#mobile-collapse').on('click', function() {
        setTimeout(function() {
            buildchart();
        }, 700);
    });
});
function buildchart() {
    $(function() {
        var graph = Morris.Donut({
            element: 'chart-pie-moris',
            data: [{
                    value: 60,
                    label: 'Order'
                },
                {
                    value: 20,
                    label: 'Stock'
                },
                {
                    value: 10,
                    label: 'Profit'
                },
                {
                    value: 5,
                    label: 'Sale'
                }
            ],
            ......

我想更新buildchart() 函数中的值，即我的视图文件函数返回的值。 示例

def order(request):
    a = 'calculated integer value'
    return a

所以我想传入order 函数来替换buildchart() 函数中的60。 我怎样才能做到这一点？请帮助新手

Answer 1

在 JavaScript 中使用 Django 变量

只是，用" " 或' ' 包围Django 变量。 喜欢：

<script type="text/javascript"> 
   var a = "{{someDjangoVariable}}";
   var b = "{% url 'someDjangoUrl' %}";
</script>

如果你想在外部 js 文件中使用访问权限 在<script> 块内的html 文件中定义变量。 并在外部 .js 文件中访问它，就像 普通的 js 全局变量：

<script type="text/javascript"> 
   var a = "{{someDjangoVariable}}";
</script>
<script type="text/javascript" href="{% static 
'path/to/your_js_file.js' %}">
// In this file you can have access to the 'a' variable.
</script>