ajax php如何实现表格删除数据

藏色散人
发布: 2023-03-05 15:02:01
原创
1920 人浏览过

ajax php实现表格删除数据的方法:首先连接数据库;然后在PHP文件中把传过来的参数值赋给变量“$i”,并根据参数值执行相应的删除操作;接着在js文件中实现删除判断;最后循环输出查询结果并删除即可。

ajax php如何实现表格删除数据

推荐:《PHP视频教程

ajax php实现表格删除数据的方法:

Ajax+PHP实现的删除数据功能。

一 代码

conn.php:

<?php
  $conn = mysql_connect("localhost", "root", " ") or die("连接数据库服务器失败!".mysql_error()); //连接MySQL服务器
  mysql_select_db("db_database27",$conn); //选择数据库db_database27
  mysql_query("set names utf8"); //设置数据库编码格式utf8
?>
登录后复制

del.php:

<?php
  include_once("conn/conn.php");//包含数据库连接文件
    $id=$_GET[&#39;id&#39;];//把传过来的参数值赋给变量$i
    $sql=mysql_query("delete from tb_demo02 where id=".$id);//根据参数值执行相应的删除操作
    if($sql){//如果操作的返回值为true
     $reback=1;//把变量$reback的值设为1
    }else{
     $reback=0;//否则变量$reback的值设为0
    }
    echo $reback;//输出变量$reback的值
?>
登录后复制

index.js:

function del(id){
    var xml;
    if(window.ActiveXObject){//如果是浏览器支持ActiveXObjext则创建ActiveXObject对象
     xml=new ActiveXObject(&#39;Microsoft.XMLHTTP&#39;);
    }else if(window.XMLHttpRequest){//如果浏览器支持XMLHttpRequest对象则创建XMLHttpRequest对象
     xml=new XMLHttpRequest();
    }
    xml.open("GET","del.php?id="+id,true);//使用GET方法调用del.php并传递参数的值
    xml.onreadystatechange=function(){//当服务器准备就绪执行回调函数
     if(xml.readystate==4 && xml.status==200){//如果服务器已经传回信息并未发生错误
        var msg=xml.responseText;//把服务器传回的值赋给变量msg
        if(msg==1){//如果服务器传回的值为1则提示删除成功
         alert("删除成功!");
      location.reload();
        }else{//否则提示删除失败
         alert("删除失败!");
         return false;
        }
   }
    }
    xml.send(null);//不发送任何数据,因为数据已经使用请求URL通过GET方法发送
}
登录后复制

index.php:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>分组统计</title>
<link rel="stylesheet" type="text/css" href="mystyle.css" rel="external nofollow" >
</head>
<body>
<script type="text/javascript" src="index.js"></script>
<center>
<!--banner-->
<table width="798" border="0" cellpadding="0" cellspacing="0">
  <tr>
      <td height="112" background="images/banner.jpg"></td>
  </tr>
</table>
<?php
include_once("conn/conn.php");
?>
<table width="780" border="0" cellpadding="0" cellspacing="0">
<form name="form1" id="form1" method="post" action="deletes.php">
 <tr>
     <td height="20" width="5%" class="top"> </td>
  <td width="5%" class="top">id</td>
  <td width="30%" class="top">书名</td>
  <td width="10%" class="top">价格</td>
  <td width="20%" class="top">出版时间</td>
  <td width="10%" class="top">类别</td>
    <td width="10%" class="top">操作</td>
 </tr>
<?php
    $sqlstr1 = "select * from tb_demo02 order by id";//按id的升序查询表tb_demo02的数据
    $result = mysql_query($sqlstr1,$conn);//执行查询语句
    while ($rows = mysql_fetch_array($result)){//循环输出查询结果
?>
 <tr>
  <td height="25" align="center" class="m_td">
    <input type=checkbox name="chk[]" id="chk" value=".$rows[&#39;id&#39;].">
    </td>
    <td height="25" align="center" class="m_td"><?php echo $rows[&#39;id&#39;];?></td>
    <td height="25" align="center" class="m_td"><?php echo $rows[&#39;bookname&#39;];?></td>
  <td height="25" align="center" class="m_td"><?php echo $rows[&#39;price&#39;];?></td>
    <td height="25" align="center" class="m_td"><?php echo $rows[&#39;f_time&#39;];?></td>
    <td height="25" align="center" class="m_td"><?php echo $rows[&#39;type&#39;];?></td>
    <td class="m_td"><a href="#" rel="external nofollow" onClick="del(<?php echo $rows[&#39;id&#39;];?>)">删除</a></td>
 </tr>
<?php
    }
?>
<tr>
    <td height="25" colspan="7" class="m_td" align="left">  </td>
</tr>
</form>
</table>
<!--show-->
 <table width="798" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td height="48" background="images/bottom.jpg"> </td>
  </tr>
</table>
</center>
</body>
</html>
登录后复制

二 运行结果

企业微信截图_15989270628073.png

以上是ajax php如何实现表格删除数据的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板