Ajax 功能无法在不刷新页面的情况下正常删除

Question

我正在解决一个问题，我需要在不刷新列表页面的情况下删除数据库中的条目。但是，使用我创建的 ajax 函数和视图，数据被删除但成功函数未更改为 true。列表页面按原样显示，手动刷新已删除数据时不显示。另外，由于我是 ajax 新手，所以我不太了解在 ajax 中的数据字典中要删除什么内容。我在代码中做错了什么？请在不刷新页面的情况下帮助我这样做。（我需要留在中心列表页面上）。提前致谢。

<script>

$(document).on('click','#delete',function(){
 var a ;
 a=confirm("Do you really want to delete the user?");
if(a==true){
 var url = "{% url 'NewApp:centredelete' pk=1%}"
 var id = $(this).attr('name')
 $.ajax(
{
    type:"GET",
    url: url.replace('1',id),
    data:{
          delete:true
    },
    success: function( data )
    {
        if(data.success == true){
           $(id).remove();

         }

     }
     })}
});
</script>

views.py

def CentreDeleteView(request, pk):
data = {'success': False}
centre = Centre.objects.get(pk=pk)
print(centre)
if request.method == 'GET':
    try:
        if centre:
            centre.delete()
            data['success'] = True

        else:
            data['success'] = False
            data['error'] = "unsuccessful!"
    except Centre.DoesNotExist:
        return redirect('/NewApp/centrelist')
return JsonResponse(json.dumps(data))

Answer 1

您没有阻止默认提交事件的发生。

$(document).on('click','#delete',function(event){
  event.preventDefault();
  ..
});