Реализовать добавление в избранное с помощью ajax

Пытаюсь реализовать функцию добавления товара в корзину, но появились сложности, когда дошла до того, чтобы страница после выполнения функции не обновлялась, в инете удалось почитать про примерную реализацию этого через ajax. Но все равно мало что понимаю, прошу натолкнуть на решение, поможет все что угодно: статьи, книги, видео-уроки, может быть есть готовое решение у кого-то.

функция добавления в корзину

def add_product_basket(request, product_id):
    user = request.user
    product = get_object_or_404(Product, id=product_id)
    basket_check = Basket.objects.filter(user=user, product=product).count()
    if basket_check == 0:
        Basket.objects.create(product=product, user=user, pub_date=datetime.now)
    return redirect("basket")

html

{% extends 'base.html' %}
{% block title %}Market{% endblock %}
{% block content %}
{% load static %}
<link rel="stylesheet" href="{% static 'product/css/main_page.css' %}">
<div class="page-products">
        {% for product in slots %}
        <div class="product-block">
            {{product.name}}
            {{product.price}}
            <div class="footer-product">
                <a class="in-basket-link" href="{% url 'add_basket' product.id %}"><div class="in-basket">В корзину</div></a>
            </div>
        </div>
        {% endfor %}
</div>
{% endblock %}

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