欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【PHP教程：利用jquery实现无刷新删除数据】，下面是详细的分享！
PHP教程：利用jquery实现无刷新删除数据
首先本例基于留言本整理版修改。
我们使用了jquery.js来实现ajax和dom删除，首先加入：
| <script type="text/javascript" src=http://www.chinaz.com/program/2010/0220/"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=http://www.chinaz.com/program/2010/0220/"javascript:delItem('<!--{$item.id}-->')" |
delete.php的修改就是把错误语句改成直接输出就行了。
OK完成。
<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=http://www.chinaz.com/program/2010/0220/"style.css" media="all" />
<script type="text/javascript" src=http://www.chinaz.com/program/2010/0220/"lib/jquery.js"></script>
</head>
<body>
<!--{if $smarty.session.username}-->
Welcome:<!--{$smarty.session.username}-->
<a href=http://www.chinaz.com/program/2010/0220/"logout.php">退出</a>
<!--{else}-->
<a href=http://www.chinaz.com/program/2010/0220/"login.php">登录</a>
<a href=http://www.chinaz.com/program/2010/0220/"reg.php">注册</a>
<!--{/if}-->
<a href=http://www.chinaz.com/program/2010/0220/"add.php">发表留言</a>
<!--{foreach from=$gblist item=item}-->
<table id="t<!--{$item.id}-->" width="700" border="0" cellspacing="0" cellpadding="0" class="tb">
<tr>
<td class="bg"><b>[<!--{$item.username}-->]</b> 发表于：<!--{$item.insert_time}--></td>
</tr>
<tr>
<td><!--{$item.content}-->
<br />
<!--{if $item.user_file}-->
附件：<a target="_blank" href=http://www.chinaz.com/program/2010/0220/"uploads/<!--{$item.user_file}-->"><!--{$item.user_file}--></a>
<!--{/if}-->
</td>
</tr>
<tr>
<td align="right"><!--{if $item.user_id==$smarty.session.user_id}--><a href=http://www.chinaz.com/program/2010/0220/"add.php?id=<!--{$item.id}-->">修改</a> <a href=http://www.chinaz.com/program/2010/0220/"javascript:delItem('<!--{$item.id}-->')">删除</a>& lt;!--{/if}--></td>
</tr>
</table>
<!--{/foreach}-->
<!--{$pagePanel}-->
<script>
function delItem (id) {
$.get('delete.php?id='+id,null,function (msg) {
if ('1'==msg) {
$('#t'+id).remove();
} else {
alert(msg);
}
});
}
</script>
</body>
</html>
以上所分享的是关于PHP教程：利用jquery实现无刷新删除数据，下面是编辑为你推荐的有价值的用户互动：
相关问题：如何用jquery中的ajax来实现无刷新添加记录
答：$.ajax({ type: "get", dataType: "html", cache: false, url: "",//传参地址 data: { },//添加记录信息 success: function (data) {//成功后再重新加载你要显示的记录 } }); >>详细
相关问题：php+jquery 无刷新操作数据库
答：ajax的使用 $("#删除的id").live("click",function(){var thisstr=$(this); //这个删除的位置var id=$(this).attr("id"); //删除的数据的id$.post(url,{id:id},function(result){ //ajax 使用 url 是php的地址 id是参数 var record=eval(result)... >>详细
相关问题：php删除数据 使用jquery局部刷新
答：前两种使用方法基本上一样 $.get(”Default.php”, {id:”1″, page: “2″ }, function(data){ //这里是回调方法。返回data数据。这里想怎么处理就怎么处理了。 }); $.getScript方法： $.getScript(”http://jqueryajax.com/jquery.js”, function(){ $... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-