Estoy usando JaxaScript(Jquery with Ajax) y mi página HTML , todo en el mismo archivo, pero cuando traté de codificar mi JS y HTML en diferentes archivos, aparece un error al intentar ajax con 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: supongo que se debe a esta url: '{% url "cart:add" %}', pero no sé cómo solucionarlo.

Note: cuando hago ajax con todo en la misma página, funciona.

Note en cuenta que no es un error de importación, cuando ejecuto console.log funciona

Error que me sale en la web: `jquery.min.js:4 POST http://127.0.0.1:8000/%7B%%20url%20%22cart:add%22%20%%7D 404 (Not Found)

HTML:

 {% for variation in product.variation_set.all%} {%if forloop.first%} <!--pra fazer ajax passando id da variação selecionado(não aparece pra usuário)--> <small id="select-variations1" class="small select-variations" value="{{variation.id}}"></small> {%endif%} {%endfor%}`