I need to filter the generals using their team ID. But I cannot implement it.

my code:

In choose.js:

document.addEventListener('DOMContentLoaded', function () {
      document.querySelectorAll('.card-title').forEach(team => {
        let team_id = parseInt(team.dataset.team)
        console.log(team_id)
        fetch(`/generals?team=${team_id}`)
            .then((response) => response.json())
            .then((result) => {
                console.log(result)
            })
        });
    })

In views.py:

class GeneralView(generics.ListAPIView):
    queryset = General.objects.all()
    serializer_class = GeneralSerializer
    filter_backends = [DjangoFilterBackend]
    filter_fields = ('team',)

In urls.py:

path('generals', views.GeneralView.as_view(), name='general_view')

In my browser console,. console.log(team_id) comes correctly but console.log(result) does not come correctly.

In one reload

In another reload

How to solve the problem?