使用ajax删除

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

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

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

来源

2013-02-20 edelweiss

后jQuery的了。 – Jai 2013-02-20 17:33:27

当你说删除div。你是否从数据库中删除记录，或者你在更改DOM？他们都不需要刷新你 – VeXii 2013-02-20 17:33:36

我会从数据库中删除一条记录，但我更关心更改dom – edelweiss 2013-02-20 18:34:25

在ajax success function这样做：

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

这样在视觉上，你会看到一个效果基本show和滑动起来后，这将获得从DOM取下，如果从数据库中删除成功，这将不会再次出现。

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

来源

2013-02-20 17:41:54 Jai

有某种上删除类标识符始终是为将来的扩展/修改的好方法。

<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); 
    } 
});

来源

2013-02-20 17:43:54 GGio

回答

相关问题