Estoy tratando de pasar una respuesta json desde una vista a javascript. Por alguna razón, no puedo acceder a ninguna clave dentro de javascript. Solo puedo acceder a todo el objeto json, pero a ninguna de las claves anidadas adjuntas.

Json (simplificado para fines de lectura):

 { "protected": [ { "category": "nmtd", "name": "NMTD", "userId": 257 } ]

}

vistas.py:

 def index(request): request_pr = requests.get('https://endpoint-address', cookies = request.COOKIES) pr_colors = json.dumps(request_pr.json()) context = { 'pr_colors': pr_colors } return render(request, 'index.html', context)

JavaScript:

 <script type="text/javascript"> var received_data = "{{ pr_colors }}" console.log(received_data) </script>

Hay dos tipos diferentes de problemas. Si configuro JSON.parse("{{ praga_colors }}") obtengo Uncaught SyntaxError: token inesperado y en JSON en la posición 1

Si solo trato de acceder al elemento directamente sin JSON.parse() obtengo todos los valores como indefinidos .

Si trato de acceder por posición praga_colors[1], obtengo una cadena letra por letra.

¿Cuál es la forma correcta de manejar esto?