当前位置: 首页 > 图文教程 > 网络编程 > PHP > 用JQuery和PHP实现无刷新删除数据库数据

PHP
PHP代码生成RSS 文档
php中缩略图原理详解
让php也实现多线程
成功安装Mysql+Apache2+php5过程
php简单防刷计数器
PHP个人网站架设连环讲(一)
PHP个人网站架设连环讲(二)
PHP个人网站架设连环讲(三)
PHP 和 XML: 使用expat函数(一)
PHP 和 XML: 使用expat函数(二)
PHP 和 XML: 使用expat函数(三)
用php获得产生随机数的办法
PHP中session一些奇怪的问题
php删除上传的图片及文件夹
PHP控制网页过期时间的代码
PHP文件上传的原理及实现
PHP上传文件涉及到的参数
利用discuz实现PHP大文件上传应用举例
三种php数组输出方法
Mysql中创建用户帐户的方法

用JQuery和PHP实现无刷新删除数据库数据


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-17   浏览: 152 ::
收藏到网摘: n/a

利用JQuery与PHP实现无刷新删除数据库数据,这个小功能一共需要三个文件,一个JS,两个PHP文件。

首先本例基于留言本整理版修改。

我们使用了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>

  <!--{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="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 = '该信息你不能删除,只能删除自己发布的';

  }

  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;

  }

  ?>