background image

PHP 利用 jquery 实现无刷新删除数据的方法

首先本例基于留言本整理版修改。
我们使用了 jquery.js 来实现 ajax 和 dom 删除,首先加入:
<script type="text/javascript" src="lib/jquery.js"></script>
给 table 加个
id="t<!--{$item.id}-->"
写个 js:
<script> 

   function delItem (id) { 
    $.get('delete.php?id='+id,null,function (msg) {//ajax 请求,请求后执行下面代
码 
    if ('1'==msg) {//返回 1 表示成功 
    $('#t'+id).remove();//把 id 为 txx 的表格删除 
    } else {//否则弹出错误信息 
    alert(msg); 
    } 

   }); 
  } 
</script>

删除链接改成
href="javascript:delItem('<!--{$item.id}-->')"
delete.php 的修改就是把错误语句改成直接输出就行了。
OK 完成。
index.tpl :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>所有留言</title> 
<link rel="stylesheet" type="text/css" href="style.css" media="all" /> 

<script type="text/javascript" src="lib/jquery.js"></script> 
</head> 
<body> 
<!--{if $smarty.session.username}--> 
Welcome:<!--{$smarty.session.username}--> 
<a href="logout.php">退出</a> 
<!--{else}--> 
<a href="login.php">登录</a> 
<a href="reg.php">注册</a> 
<!--{/if}--> 
<a href="add.php">发表留言</a>