Как настроить меню выбора для сортировки контекстного списка

Question

Я пытаюсь настроить форму для заказа списка продуктов, которые я получаю из функции просмотра, и снова отобразить его в шаблоне. Как мне добиться этого? (Лучше, если это без перезагрузки страницы)?

Я довольно новичок в Django и разработке веб-приложений в целом, поэтому заинтригован, узнав, какие у меня есть здесь возможности.

Я попытался немного прочитать, нашел некоторые ключевые слова, такие как запросы AJAX и GET / POST, но не мог понять их или как реализовать их в моей текущей среде.

Вот мой шаблон:

        <select>
            <option value="">Sort by</option>
            <option value="1">Price - ASC</option>
            <option value="2">Price - DESC</option>
            <option value="3">Title - ASC</option>
            <option value="4">Title - DESC</option>
        </select>
        {% for product in all_products %} 
        {% if forloop.first %}<div>{% endif %}
        {% endfor %}

views.py:

def home_view(request, *args, **kwargs):
   context = {
    'all_products':Product.objects.all()
    }
return render(request,"home.html",context)

Теперь я хочу, чтобы функциональность выбирала опцию из формы в моем шаблоне, и данные о товарах сортировались соответственно. Было бы очень полезно, если бы вы, ребята, могли, по крайней мере, привести меня к правильному способу изучения методов для достижения такого рода результата, или если бы у вас был лучший способ, которым я мог бы приобрести какую-то способность динамической сортировки на моем шаблоне QuerySet.

Большое спасибо;