Хотите передать массив json как переменную django внутри javascript

У меня есть массив json, и я хочу передать его в переменную javascript внутри шаблона django. Я могу получить доступ к переменной внутри шаблона django {{variable}}. Но не могу получить доступ к ней внутри javascript. Вот моя переменная: 

[
    
    {'Book ID': '1', 'Book Name': 'Challenging Times',
    
     'Category': 'Business', 'Price': '125.60'},
    
    {'Book ID': '2', 'Book Name': 'Learning JavaScript',
    
     'Category': 'Programming', 'Price': '56.00'}
    
]

Я использовал {{variable|safe}} внутри js, но не работает. Подскажите, где я допускаю ошибку.

Вам следует использовать фильтр шаблона json_script для добавления вашей переменной в шаблон в формате, который может быть загружен в ваш JS

{{ variable|json_script:"foo" }}

<script>
    const foo = JSON.parse(document.getElementById('foo').textContent);
</script>
Вернуться на верх