Ошибка при использовании Ajax при загрузке из другого файла с Django

Я использую JaxaScript(Jquery with Ajax) и мою HTML страницу все в одном файле, но когда я попытался закодировать мои JS и HTML в разных файлах, я получаю ошибку при попытке ajax с Django.

JS:

$(document).on('click', '#add-button', function (e) {
    e.preventDefault();

    value = $(this).data("forloopcounter");
    value = value - 1

    let variation_id = document.getElementsByClassName("select-variations")[value].attributes[2].nodeValue
    console.log(variation_id)
    $.ajax({
        type: "POST",
        url: '{% url "cart:add" %}',
        data: {
            variationid: variation_id,
            productquantity: 1,
            csrfmiddlewaretoken: "{{csrf_token}}",
            action: 'post'
        },
        success: function (json) {
            document.getElementById("cart-quantity").innerHTML = json.quantity
        },
        error: function (xhr, errmsg, err) {
            console.log(xhr)
        }
    });
})

Note: У меня есть предположение, что это из-за этого url: '{% url "cart:add" %}',, но я не знаю, как исправить.

Note: когда я выполняю ajax со всеми на одной странице, он работает.

Note это не ошибка импорта, когда я выполняю console.log это работает

Ошибка, которую я получаю в Интернете: jquery.min.js:4 POST http://127.0.0.1:8000/%7B%%20url%20%22cart:add%22%20%%7D 404 (Not Found)

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