如何在 JavaScript 中访问 Django 脆标签数组？答案

【问题标题】：How to access Django crispy tag array within JavaScript?如何在 JavaScript 中访问 Django 脆标签数组？
【发布时间】：2019-08-18 02:14:02
【问题描述】：

我正在做一个 Django 项目。在我的一个应用程序中，我想将一组数值数据从我的视图文件传递到模板。然后，我希望能够访问所述数据，以便能够在 JavaScript 中对其进行操作。

我可以通过渲染函数成功地将数组作为脆标签发送到模板。不幸的是，我只能在 HTML 本身中访问所述标签，而不能在 JavaScript 中访问。

views.py：

from django.shortcuts import render

sample_data = [1,2,3]

def home(request):
    data = {
        'message': sample_data
        }
    return render(request, 'blog/home.html', data)

home.html:

{% extends "blog/base.html" %}
{% block content %}

  <body>

  {{ message|safe }} <!-- can access crispy tag within HTML-->

    <script>
      var x = {{ message|safe }}; // can not access crispytag within javascript
    </script>

  </body>

{% endblock content %}

我希望能够访问模板的 JavaScript 中的脆标签数组。我需要改变什么才能做到这一点？

【问题讨论】：

标签： javascript django django-views django-crispy-forms

【解决方案1】：

我认为您需要添加引号才能在 javascript 中访问 django 模板标签

{% extends "blog/base.html" %}
{% block content %}

  <body>

  {{ message|safe }} <!-- can access crispy tag within HTML-->

    <script>
      var x = "{{ message|safe }}" // can not access crispytag within javascript
    </script>

  </body>

{% endblock content %}

希望对你有帮助

【讨论】：

这确实允许我在 javascript 中访问标签，谢谢。不幸的是，该变量现在是一个字符串。出于我的目的，我需要 ``` var x ``` 是一个数组而不是字符串。你知道保留原始数据的数据类型的方法吗？