php - 使用ajax删除

Question

我有一个 div，其中的数据是从后端 php 填充的。我在这里使用codeigniter。div是这样的

if(isset($result))
{
echo '
  <div>
    <div>
     $result->value
    </div>
    <a>Delete</a>
  </div>
';
}

删除是使用 ajax 完成的。但是如何刷新删除后不应该显示任何内容的 div？

Answer 1

在你的ajax success function：

$(this).closest('div').slideUp().remove();

这样在视觉上你会看到一个滑动，向上滑动后它会从 dom 中删除，如果从 db 中成功删除，它将不会再次出现。

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

Answer 2

在删除时使用某种类标识符始终是未来扩展/修改的好方法。

<div>
    <div>
     $result->value
    </div>
    <a class="deleteme">Delete</a>
</div>

无论哪种情况，您都可以使用它：

$(document).on('click', '.deleteme', function() {
   //your delete stuff 
   if (your delete was successful) {
     $(this).parent().fadeOut(500);
   }
});