Как правильно отправить ajax запрос по нажатию на ссылку?

Question

[blackbb]

Есть такой код в шаблоне

<li data-id="{{ item.id }}" class="delete__files">
		<img src="{{item.file.url}}" width="150">
		<a href="#">Удалить</a>
		</li>

И такой запрос:

$('.delete__files').on('click', function(e) {
        e.preventDefault();
        
        var $this = $(this),
            data = $this.data(),
            url = '/delete-files/';
        
        $.ajax({
            url: url,
            method: 'POST',
            data: data,
            success: function(d) {
                console.log(d);
            },
            error: function(d) {
                console.log(d);
            }
        })
    })

Не работает такая конструкция, в лог-консоле выдает 404 по нажатию на Удалить.