无刷新删除数据 删除过程中渐变显示当前删除的行

原创 2013年12月03日 09:47:48

本站已经有类似的案例,这边推荐一个可以参考的《jquery 漂亮的删除确认和提交无刷新删除》

不过对于学习的话可以看看不同的

 

无刷新删除数据 删除过程中渐变显示当前删除的行

 

 

JavaScript Code
  1. <script type="text/javascript">  
  2. $(function() {  
  3. $(".delete_button").click(function() {  
  4. var id = $(this).attr("id");  
  5. var dataString = 'id='+ id ;  
  6. var parent = $(this).parent();  
  7.       
  8. $.ajax({  
  9.    type: "POST",  
  10.    url: "deleteajax.php",  
  11.    data: dataString,  
  12.    cache: false,  
  13.   
  14.    beforeSend: function()  
  15.    {  
  16.    parent.animate({'backgroundColor':'#fb6c6c'},300).animate({ opacity: 0.35 }, "slow");;  
  17.    },   
  18.    success: function()  
  19.    {  
  20.      
  21.     parent.slideUp('slow'function() {$(this).remove();});  
  22.       
  23.   }  
  24.      
  25.  });  
  26.   
  27. return false;  
  28.     });  
  29. });  
  30.   
  31.   
  32. </script>  

 

PHP Code
  1. <div id="main">  
  2. <ol class="update">  
  3. <?php  
  4. include("conn.php");  
  5. $sql="select * from add_delete_record order by id desc";   
  6. $result = mysql_query($sql);   
  7. while($row=mysql_fetch_array($result))   
  8. {   
  9. $message=stripslashes($row["content"]);  
  10. $msg_id=$row["id"];    
  11. ?>  
  12. <li><?php echo $message; ?>   <a href="#" id="<?php echo $msg_id; ?>" class="delete_button">X</a></li>  
  13. <?php  
  14. }  
  15. ?>  
  16. </ol>  
  17.   
  18.   
  19. </div>  

 


原文地址:http://www.freejs.net/article_biaodan_104.html

相关文章推荐

某海量用户网站,用户拥有积分,积分可能会在使用过程中随时更新。现在要为该网站设计一种算法,在每次用户登录时显示其当前积分排名。用户最大规模为2亿;积分为非负整数,且小于100万。

http://www.mianwww.com/html/2012/11/17432.html PS: 据说这是迅雷的一道面试题,不过问题本身具有很强的真实性,所以本文打算按照真实场景来考虑,...

Java中List迭代过程中删除、新增元素的处理

异常信息: java.util.ConcurrentModificationException at java.util.ArrayList$Itr.checkForComodification(Ar...

SQL Server数据库的存储过程中定义的临时表,真的有必要显式删除(drop table #tableName)吗?

问题背景 在写SQL Server存储过程中,如果存储过程中定义了临时表, 有些人习惯在存储过程结束的时候一个一个显式地删除过程中定义的临时表(drop table #tName),有些人又没...

VS2008插件开发(开发过程中菜单的添加和删除)

前置背景         VS带有菜单的插件具体如何开发请参照:http://blog.csdn.net/zgke/article/details/3041630。在我的工程中为了叙述方便(因为我用我...

集合在迭代过程中能否添加、删除或修改元素

使用 for 循环 List list = new ArrayList(); list.add("1"); list.add("2"); list.ad...

S2SH整合过程中 文件上传后不能删除temp文件的问题(Resource Leaking: Could not remove uploaded file )

帮朋友做一个文件上传的小功能开始 Action中是这样处理的 public class EditPhotoAction extends BaseHttpAwareAction{ private...

VS的VC项目转移过程中可以删除的文件

引子在项目开发过程中,总需要从一台电脑上转移代码到另一台电脑上,但是VS的项目动辄好几百M,而这些文件并不是都需要的。那么为了最小文件大小,又可以在另外一台电脑上顺利编译项目,需要携带或者说需要删除项...

如何使用10M的内存读入100M的文件,并且保证在读取过程中可进行删除、修改和增加内容

这是几个月前我面试金山网络的校招题目,面试官的原题是:假设你的电脑内存是100M,现在让你去读取一个1G的电影,在看电影的过程中可以进行剪切或插入片段,你应该怎么去设计这个内存。说完后面试官就把一张纸...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:无刷新删除数据 删除过程中渐变显示当前删除的行
举报原因:
原因补充:

(最多只允许输入30个字)