使用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

回答

相關問題