Django DetailView +从Ajax表单中删除项目

# views.py
from django.views.generic import DetailView
from django.http import JsonResponse

from .models import Project

class ProjectDetailView(DetailView):
    model = Project
    template_name = 'project_detail.html'

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        # 将要删除的项目对象传递给模板
        context['project'] = self.object
        return context

    def delete(self, request, *args, **kwargs):
        # 获取要删除的项目对象
        project = self.get_object()
        # 删除项目
        project.delete()
        # 返回删除成功的JSON响应
        return JsonResponse({'message': '项目删除成功'})

# project_detail.html
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        // 监听表单的提交事件
        $('#delete-form').submit(function(event) {
            event.preventDefault();  // 阻止表单的默认提交行为
            // 发送异步请求删除项目
            $.ajax({
                url: '{% url "project-delete" project.id %}',
                type: 'DELETE',
                dataType: 'json',
                success: function(response) {
                    // 删除成功后的处理逻辑
                    alert(response.message);
                    // 重定向到其他页面或刷新当前页面
                },
                error: function(xhr, errmsg, err) {
                    // 删除失败后的处理逻辑
                    alert('项目删除失败');
                }
            });
        });
    });
</script>

<form id="delete-form" method="post">
    {% csrf_token %}
    <input type="submit" value="删除项目">
</form>