javascript - Django使传递的数据从视图源中不可见

Question

我在我的 django 模板文件中传递了一些数据和进程。它工作得很好。但是，当我右键单击然后"view page source"在我的 Internet 浏览器上选择时，我可以看到我从我的view.py. 如何隐藏模板文件中的值。

子页面

{% extends "base.html" %}

{% block title %}My amazing blog{% endblock %}


{% block extra_js %}
    <script>
        var secret_data = new Array();
        function mybutton(){

        {% for data in Mysecret%}
            // Here, I wanna make the value of data invisable
            secret_data.push({{ data.0 }})
        {% endfor %}

        }


    </script>
{% endblock %}

{% block content %}

    <input type="submit"  name="submitButton"  value="Submit"  onclick ="mybutton();"> </input>

{% endblock %}

当我在我的互联网浏览器上右键单击并选择“查看源”时，我可以看到所有类似这样的值：

<script>
        var secret_data = new Array();

        function mybutton(){

           secret_data.push("Secret-1")
           secret_data.push("Secret-2")
        }

    </script>

我试过这个：

secret_data.push({% csrf_token %}{{ data.0 }})

在查看页面源代码的情况下看不到这些值，但同时它会弄乱我传递的数据（无法访问数据，因为数据变成了一个 div）。我怎样才能使我的secret_data列表不可见，以便如果有人试图查看我的页面源，她将无法看到传递的值（“Secret-1”和“Secret-2”）。