PHP+ajax 無刷新刪除數(shù)據(jù)
更新時間:2010年02月20日 12:26:04 作者:
首先本例基于留言本整理版修改。無刷新刪除數(shù)據(jù) (PHP)我們使用了jquery.js來實現(xiàn)ajax和dom刪除
首先本例基于留言本整理版修改。
我們使用了jquery.js來實現(xiàn)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請求,請求后執(zhí)行下面代碼
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">發(fā)表留言</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> 發(fā)表于:<!--{$item.insert_time}--></td>
</tr>
<tr>
<td><!--{$item.content}-->
<br />
<!--{if $item.user_file}-->
附件:<a target="_blank" href="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="add.php?id=<!--{$item.id}-->">修改</a> <a href="javascript:delItem('<!--{$item.id}-->')">刪除</a><!--{/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>
delete.php :
<?php
require('common.php');
// 查詢出留言信息
$q = $query->query('select * from gb_content where id='.intval($_GET['id']));
$rs = $query->fetch_array($q);
$error = array();
if ($rs['user_id']!=intval($_SESSION['user_id'])) {// 判斷user_id是否相同
$error = '該信息你不能刪除,只能刪除自己發(fā)布的';
}
if (!$error) {
$query->query('delete from gb_content where id='.intval($_GET['id']));//刪除語句
if ($rs['user_file']) {//刪除附件
@unlink('uploads/'.$rs['user_file']);
}
echo 1;//表示成功
} else {
echo $error;
}
?>
我們使用了jquery.js來實現(xiàn)ajax和dom刪除
首先加入
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="lib/jquery.js"></script>
給table加個
復(fù)制代碼 代碼如下:
id="t<!--{$item.id}-->"
寫個js:
復(fù)制代碼 代碼如下:
<script>
function delItem (id) {
$.get('delete.php?id='+id,null,function (msg) {//ajax請求,請求后執(zhí)行下面代碼
if ('1'==msg) {//返回1表示成功
$('#t'+id).remove();//把id為txx 的表格刪除
} else {//否則彈出錯誤信息
alert(msg);
}
});
}
</script>
刪除鏈接改成 href="javascript:delItem('<!--{$item.id}-->')"
delete.php的修改就是把錯誤語句改成直接輸出就行了。
OK完成。
index.tpl :
復(fù)制代碼 代碼如下:
<!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">發(fā)表留言</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> 發(fā)表于:<!--{$item.insert_time}--></td>
</tr>
<tr>
<td><!--{$item.content}-->
<br />
<!--{if $item.user_file}-->
附件:<a target="_blank" href="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="add.php?id=<!--{$item.id}-->">修改</a> <a href="javascript:delItem('<!--{$item.id}-->')">刪除</a><!--{/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>
delete.php :
復(fù)制代碼 代碼如下:
<?php
require('common.php');
// 查詢出留言信息
$q = $query->query('select * from gb_content where id='.intval($_GET['id']));
$rs = $query->fetch_array($q);
$error = array();
if ($rs['user_id']!=intval($_SESSION['user_id'])) {// 判斷user_id是否相同
$error = '該信息你不能刪除,只能刪除自己發(fā)布的';
}
if (!$error) {
$query->query('delete from gb_content where id='.intval($_GET['id']));//刪除語句
if ($rs['user_file']) {//刪除附件
@unlink('uploads/'.$rs['user_file']);
}
echo 1;//表示成功
} else {
echo $error;
}
?>
您可能感興趣的文章:
- php+ajax實現(xiàn)無刷新動態(tài)加載數(shù)據(jù)技術(shù)
- php+html5實現(xiàn)無刷新圖片上傳教程
- php+ajax實現(xiàn)無刷新分頁的方法
- AJAX PHP無刷新form表單提交的簡單實現(xiàn)(推薦)
- PHP+AJAX實現(xiàn)無刷新注冊(帶用戶名實時檢測)
- PHP Ajax實現(xiàn)頁面無刷新發(fā)表評論
- PHP Ajax實現(xiàn)頁面無刷新發(fā)表評論
- ajax實現(xiàn)無刷新分頁(php)
- php ajax無刷新分頁,支持id定位
- PHP+Ajax無刷新帶進(jìn)度條圖片上傳示例
- php的無刷新操作實現(xiàn)方法分析
相關(guān)文章
利用瀏覽器的Javascript控制臺調(diào)試PHP程序
現(xiàn)在,越來越多的瀏覽器都有了開發(fā)這工具或者Javascript控制臺,通過這些工具,我們可以很方便的顯示PHP代碼中的變量或數(shù)組值2014-01-01刪除html標(biāo)簽得到純文本可處理嵌套的標(biāo)簽
這篇文章主要介紹了通過刪除html標(biāo)簽得到的純文本可處理嵌套的標(biāo)簽,需要的朋友可以參考下2014-04-04