Tengo un archivo ajax que llama a la url de urls.py que obtiene los datos json de views.py pero cuando ejecuto el servidor simplemente muestra Not Found:/dept-json/

Logré que funcionara usando el fragmento de django {% url 'accounts:dept-json'%}

Sin embargo, no quiero esto, ya que necesito obtener y pasar la variable de los dept-json data a otra URL de ajax, que es:

 url:`/prog-data/${selectedDept}/`

He leído aquí que no puedes pasar variables en ajax como {% url 'accounts:prog-json' department%}

¿Cómo me las arreglo para hacer esto?

aquí está mi código:

principal.js

 //First ajax $.ajax({ type: 'GET', url: "/dept-json/", // url: "{% url 'accounts:dept-json'%}", success: function(response){ console.log(response) }, error: function(error){ console.log(error) } }) //Second ajax $.ajax({ type: 'GET', url: `/prog-data/${selectedDept}/`, success: function(response){ console.log(response) }, error: function(error){ console.log(error) } })

urls.py

 path('dept-json/', get_json_dept_data, name='dept-json'), path('prog-json/<str:department>/', get_json_prog_data, name='prog-json'),

vistas.py

 def get_json_dept_data(request): qs_val = list(Department.objects.values()) return JsonResponse({'data':qs_val}) def get_json_prog_data(request, *args, **kwargs): selected_department = kwargs.get('department') obj_prog = list(Program.objects.filter(department__name=selected_department).values()) return JsonResponse({'data':obj_prog})