Как удалить объект с помощью ajax?

Question

[blackbb]

Есть такой код на сайте:

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

Отображает текущие файлы пользователя. Задача сделать возможность удаления файла. В принципе я это сделал. Есть такой ajax запрос:

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

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

Answer 1

[Алексей Ярков]

$this.hide();