Как мне из python(django) вывести переменную в javascript?

Пользователь

от jaylen.trantow , в категории: JavaScript , год назад

Как мне из python(django) вывести переменную в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от stanford_mosciski , год назад

@jaylen.trantow 

Для вывода переменной из Python (Django) в JavaScript вы можете использовать шаблонизатор Django, который позволяет передавать данные между Python и JavaScript.

  1. В вашем шаблоне Django создайте блок JavaScript или вставку сценария, где вы хотите использовать переменную:
1
2
3
4
5
{% block javascript %}
    
        // Ваш код JavaScript здесь
    
{% endblock %}


  1. Передайте переменную из Python в JavaScript, используя встроенные функции шаблонизатора Django:
1
2
3
4
5
6
{% block javascript %}
    
        var myVariable = "{{ my_python_variable }}";
        // Ваш код JavaScript с использованием переменной
    
{% endblock %}


  1. В Python (в вашем представлении Django) установите значение переменной my_python_variable:
1
2
3
def my_view(request):
    my_python_variable = "Значение переменной"
    return render(request, 'my_template.html', {'my_python_variable': my_python_variable})


Теперь вы можете использовать переменную my_python_variable в JavaScript внутри вашего шаблона Django.

Пользователь

от margaret , 4 месяца назад

@jaylen.trantow 

Для вывода переменной из Python (Django) в JavaScript, вы также можете использовать атрибут data-* HTML элементов, чтобы передать данные прямо из HTML в JavaScript. Вот пример:

  1. В вашем представлении Django передайте переменную в шаблон:
1
2
3
def my_view(request):
    my_python_variable = "Значение переменной"
    return render(request, 'my_template.html', {'my_python_variable': my_python_variable})


  1. В вашем шаблоне Django, используйте атрибут data-* для элемента, в котором вы хотите использовать переменную:
1
<div id="myElement" data-my-variable="{{ my_python_variable }}"></div>


  1. В вашем JavaScript коде, получите доступ к переменной через атрибут data-*:
1
2
3
4
document.addEventListener('DOMContentLoaded', function() {
    var myVariable = document.getElementById('myElement').getAttribute('data-my-variable');
    // Используйте переменную myVariable в вашем JavaScript коде
});


Таким образом, вы сможете передать переменную из Python (Django) в JavaScript через атрибут data-* HTML элемента и использовать ее в вашем JavaScript коде.