Как привязать обьект Django models к JavaScript?

Мне нужно передать данные из django.models в JS для их дальнейшей обработки. JS скрипт я могу разместить в самом html, но мне нужно, чтобы было наглядное разделение JavaScript от HTMl. Поэтому я добавляю скрипт в html через src. Однако, если добавлять код в сам html:

<script>
    let all = "{{ all }}";
</script>

то у меня доступна переменная all из отдельного скрипта, но в этой переменной находится всякая несуразица:

<QuerySet [(1, 'Генерация текста', 'text', '', 'content/image_1mjkSb1.png', 'Chat-GPT', 'https://openai.com/chatgpt', '1'), (2, 'Игры на базе текста', 'text', '', 'content/image_HFWDR3G.png', 'Chat-GPT', 'https://openai.com/chatgpt', '1')]>

может, можно эту инфу как то раскодировать, или преобразовать? Где-то видел что можно через for перебрать, и просто удалить все ненужные символы и очистить от мусора, но я сомневаюсь что это будет стабильно работать

Хотелось бы понять, как же сделать это именно из отдельного файла

Вернуться на верх