AJAX请求成功后删除页面某个元素的合适做法?

比如,我要在列表(table)中删除某一行(设备:device),点击对应的删除链接,发起AJAX请求,对返回结果进行判断。

$.post('delete_device.action', {'id': id},function(data){
        if(data==null){
            alert("删除失败");
            return;
        }
        if(data.ret==0){
            alert("删除成功");
            //局部删除              
        }
});

这里采用的是alert,我觉得不是很友好,用户必须点击确认(OK)后接下来的//局部删除动作才能被执行,我想知道有没有更好的做法,怎么做?
是不是弹出一个的弹窗,一定时间后它会自动消失,etc.

阅读 5.6k
3 个回答

楼主的问题更像是UE的设计,我提供一种思路:

  1. 如果Ajax提交删除成功,那么可以将table中当前行用动画将它fadeOut,然后再将它删除;
  2. 如果Ajax提交删除失败,那么可以将table中当前行border变红,变闪烁3秒,表示失败。

看看jQuery官网的小例子吧,而且一般不会增删dom元素的,影响效率,都是改变样式.

可以做一个div层,用于消息提示。操作成功、失败都可以利用div层进行显示,默认3秒,然后消失。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
logo
101 新手上路
子站问答
访问
宣传栏