Проблемы с данными JSON не удается отобразить их в шаблоне

У меня есть models.py с сотрудником и всей информацией. Одним щелчком мыши я хочу отобразить всю информацию о моем сотруднике.

Дело в том, что у меня есть 2 колонки одна для имен и одна для информации. когда я нажимаю на имя, в правой колонке должен появиться массив с именем фамилией..... я вижу это на консоли, но не могу добиться его отображения. Думаю, что у меня проблемы с ключом, но не знаю. Вот код...

views.py в этой функции я хочу получить id имени из jsonloads, щелкнув по имени, и отфильтровать по нему работодателей.(это работает)

      def check(request):
         if request:
          if request.method == 'POST':
            data = json.loads(request.body)
            employeId = data['id_s']
            empinfo = Employe.objects.filter(id=employeId)
            print(empinfo)
            print(data)
            return JsonResponse({'data': list(empinfo.values())}, safe=False, status=200)
         return HttpResponse()

js код здесь. В этом коде я хочу получить данные по fetch url. Я могу видеть в журнале консоли, что данные получены (эти функции также хорошо работают)

      function checkEmp(id_s, action){
        var url = '/checks/'
        fetch(url, {
        method: 'POST',
        headers:{
         'Content-Type':'application/json',
         'X-CSRFToken': csrftoken,
          },
         body:JSON.stringify({'id_s': id_s, 'action': action})
         })
         .then((response)=>{
            return response.json()
          })
         .then((data)=>{
            console.log(data);
          })
          }

index.html Я думаю, что проблема здесь. Я хочу, чтобы эти функции получали данные из fetch и отображали их в шаблоне (не работает)

---

      $(document).ready(function() {
      $(".info-employe").click(function(event){
      $.getJSON('/checks/', function(response, data) {
       for(var key in response.data )
      $('#name').append('<p> Name: ' + response.data[key].name + '</p>');
      $('#surname').append('<p>Surname : ' + response.data[key].surname + '</p>');
      $('#worknumber').append('<p> Work number: ' + response.data[key].work_number + '</p>');
      $('#workplace').append('<p> Rank: ' + response.data[key].rank + '</p>');
      $('#rank').append('<p> Workplace: ' + response.data[key].workplace + '</p>');
      $('#email').append('<p> Email: ' + response.info[key].email + '</p>');
      $('#phone').append('<p> Phone: ' + response.data[key].phone + '</p>');
      });
      });
      });

я 4 месяца в этом коде и, возможно, я пропустил одну вещь, которую я должен изучить в этой задаче. может кто-нибудь дать мне совет, что я пропустил здесь, или что я должен изучить, если я хочу использовать эти функции сортировки. спасибо большое и извините за мой плохой английский :)))

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