首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用ajax删除

使用ajax删除
EN

Stack Overflow用户
提问于 2013-02-21 01:30:49
回答 2查看 253关注 0票数 0

我有一个div,其中的数据是从后端php填充的。我在这里使用codeigniter。div如下所示

代码语言:javascript
复制
if(isset($result))
{
echo '
  <div>
    <div>
     $result->value
    </div>
    <a>Delete</a>
  </div>
';
}

删除操作是使用ajax完成的。但是如何刷新在删除后不显示任何内容的div呢?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-02-21 01:41:55

在您的ajax success function中执行此操作

代码语言:javascript
复制
$(this).closest('div').slideUp().remove();

通过这种方式,你可以在视觉上看到一个向上滑动,并且在向上滑动之后,它将从dom中移除,并且如果成功地从db中移除,它将不会再次出现。

Then if you refresh your page you won't see that div again.

票数 1
EN

Stack Overflow用户

发布于 2013-02-21 01:43:55

在删除时使用某种类型的类标识符对于将来的扩展/修改总是一个很好的方法。

代码语言:javascript
复制
<div>
    <div>
     $result->value
    </div>
    <a class="deleteme">Delete</a>
</div>

无论哪种情况,您都可以使用以下命令:

代码语言:javascript
复制
$(document).on('click', '.deleteme', function() {
   //your delete stuff 
   if (your delete was successful) {
     $(this).parent().fadeOut(500);
   }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14986200

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档