Как читать список Python в Javascript [в шаблоне Django]

Question

Я программирую в oTree (это среда, основанная на Django для социальных экспериментов), и у меня есть следующая проблема. Я определил некоторые списки в Python, и я бы хотел их импортировать и использовать в HTML-шаблоне. Если я печатаю их в HTML, мне удастся увидеть их без каких-либо проблем, однако, как только мне нужно будет их использовать в Javascript, программа не сможет их прочитать, а одинарные кавычки элементов списка преобразуются в '. Список импортируется следующим образом: var filtered_elements = {{ array }};.

Я думаю, что проблема здесь, так как JS не может работать с ними. Есть ли у вас какие-либо предложения о том, как это сделать? Я рассматривал использование JSON, но, поскольку я новичок в программировании, я не могу понять, просто ли это пустая трата времени или есть более простой выход. Спасибо за ваши ответы!

Answer 1

Похоже, что ваши данные уже JSON, иначе вы получите одиночные кавычки и префиксы u. Таким образом, единственная проблема - автоадминирование Django; Вы можете отключить его с фильтром safe:

var filtered_elements = {{ array|safe }}; 

Answer 2

Данные должны быть JSON, вместо того, чтобы поместить список Python в контакт непосредственно, положить "array": json.dumps(array) в словаре контекста.

Строка JSON не нуждается в HTML-экранировании внутри тега, но для этого требуется экранирование JS! В противном случае какая-то строка может включать в себя что-то вроде </script><script>absolutely anything goes here... для запуска произвольного JavaScript, если JSON содержит пользовательские данные.

Так используйте |escapejs:

var filtered_elements = {{ array|escapejs}};