当前路径具有子目录或url参数时，使用AJAX调用视图函数不起作用（Django）

Question

I am using AJAX to call a view function when my pages load to return a count value (no. of items in basket). This works fine for most of my url paths but when the current path has a sub directory or url parameter value I get a 404 error.

Below are a some of my url patterns. The bottom one is the view function I call to return the count value. When I visit the 'orders' path the basket count is returned successfully but for the 'order_history' and 'view_order' paths I get the 404, eg 'Not Found: /view_order/basket_count'

path("my_orders", views.orders, name="orders"),
path("my_orders/history", views.order_history, name="order_history"),
path("view_order/<int:id>", views.view_order, name="view_order"),
path("basket_count", views.basket_count, name="basket_count"), 

Very new to Python/Django so I'm sure I'm not grasping something very fundamental here and the url patterns are not resolving correctly. I previously had the basket_count in another file called utils.py and referenced it with utils.basket_count which gives the same outcome. I suppose I could just call the function within each of my views but my intention here was to experiment with AJAX. Is there a simple change to my url patterns that will fix this issue with my current setup or is it simply bad practice?

My AJAX code

document.addEventListener('DOMContentLoaded', function() {
  var basket_count = new XMLHttpRequest();
  basket_count.open('GET', '/basket_count/', true);
  basket_count.send();

  basket_count.onload = function() {

    var count = JSON.parse(basket_count.responseText);
    if (count.count > 0) {
        document.getElementById('nav_basket_count').innerHTML = ' [' + count.count + ']';
    } else {
        document.getElementById('nav_basket_count').innerHTML = '';
    }
  };
});

Answer 1

The problem was with my AJAX code. I had a trailing forward slash in the url when there should just have been one at the start, as shown below.

basket_count.open('GET', '/basket_count', true);