Меню Алфавиного поиска без перезагрузки страницы?

Question

[Виталий Ананьев]

Хочу сделать меню поиска типа по алфавиту
|A|B|C|D| ...
При нажатии на букву отрабатывает логика а не href="",
Логику прописать я могу но на джанго формах подобную форму не сделать, по этому если у кого то есть ссылка как это реализовать на JS+AJAX что бы без перезагрузки страницы отработав логику на бэке скиньте пожалуйста

Comments

[ThunderCat]

Че надо то? Автокомплит?

[Виталий Ананьев]

ThunderCat,
Есть форма

<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>

после нажатия на кнопку id="games_sorted" мне нужно что бы эти данные {{ i.name }} залетели мне на бэк я их там обработаю и выведу нужный шаблон в id="result-games-sorted" и это все без перезагрузки страницы. Я не знаю что прописывать в скрипте что бы это реализовать.

[ThunderCat]

Виталий Ананьев, Я конечно понимаю что некоторыv обучение не очень хорошо заходит, но только недавно же сам спрашивал такую же хрень... это из желания спросить лишь бы спросить или реально не понятно как работает то что сам сделал?
https://qna.habr.com/q/1207174
https://qna.habr.com/q/1204840

[Виталий Ананьев]

ThunderCat, Я просто не знаю JS могу прочитать его и понять как работает но сам не пишу я по бэку на django, а те варианты которые я спрашивал я реализовал но на django-forms-select, здесь другой случай здесь нужно при нажатии на кнопку логику прописать что бы падало на бэк а на бэке я уже код прописал где я отлавливаю name и рендерю страницу.