Не знаю как прописать скрипт при клике на кнопку не перезагружалась страница?

Question

[Vitalii_Logvinenko]

base.html

<form method="post" action="{% url 'base' %}" id="sorted-games">
    {% csrf_token %}
    <div class="tab">
        {% for i in game_sorted %}
            <button id="games_sorted" name="games_sorted" type="submit" value="{{i.name}}" class="tablinks">{{ i.name }}</button>
        {% endfor %}
    </div>
</form>

<div id="result-games-sorted">
</div>

utils.py

class ContextBase(ListView):
    def post(self, request):
        if "games_sorted" in self.request.POST:
            name = self.request.POST.get("games_sorted")
            queryset = Games.objects.all().order_by('name')
            list_game_id_num = []
            for i in queryset:
                if name == f'{i}'[0]:
                    list_game_id_num.append(i.id_num)
            context = {
                'games': Games.objects.filter(id_num__in=list_game_id_num).order_by('name'),
            }
            return render(request, 'sorted_games_list.html', context)

Что прописать в скрипте что бы при клике на кнопку id="games_sorted" данные отправились мне на бэк там я их обрабатываю с помощью пост запроса к name="games_sorted" и подгружаю страницу в без перезагрузки страницы.