Django中如何通过Ajax删除后无刷新隐藏页面元素

你的问题出在success回调里的选择器错误，当前代码里的$(_aId).hide()无法定位到对应的地址元素——因为_aId是地址的ID值（比如数字），直接作为选择器不符合jQuery语法规则。

修正方案（两种可选） #

方案1：利用元素专属类定位

你的每个地址卡片都带有address{{add.id}}的类（比如地址ID为5时，类名就是address5），可以通过类选择器精准找到对应元素并隐藏：

success:function(){
    $('.address' + _aId).hide(); // 想要渐变消失效果可以用：$('.address' + _aId).fadeOut();
}

方案2：通过DOM遍历定位（更健壮）

如果担心类名冲突，可通过点击的按钮向上遍历DOM树，找到包裹该地址的最外层容器，这种方法不受类名变化影响：

success:function(){
    _vm.closest('.col-md-4').hide(); // 也可以定位到卡片本身：_vm.closest('.address').hide();
}

这里_vm是你提前保存的点击按钮的jQuery对象，closest()方法会向上查找最近的匹配父元素，精准定位需要隐藏的地址模块。

额外优化建议 #

• 删除成功后添加提示，提升用户体验：

success:function(){
    _vm.closest('.col-md-4').fadeOut();
    alert('地址已成功删除');
}

• 确保后端/delete-address接口返回合法JSON响应（比如return JsonResponse({'status': True})），这样Ajax的success回调才会正常触发。

内容的提问来源于stack exchange，提问作者Artem