应用Ajax技术删除数据

前端之家收集整理的这篇文章主要介绍了应用Ajax技术删除数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

代码

conn.PHP
  1. <?PHP
  2. $conn = MysqL_connect("localhost","root"," ") or die("连接数据库服务器失败!".MysqL_error()); //连接MysqL服务器
  3. MysqL_select_db("db_database27",$conn); //选择数据库db_database27
  4. MysqL_query("set names utf8"); //设置数据库编码格式utf8
  5. ?>
del.PHP
  1. <?PHP
  2. include_once("conn/conn.PHP");//包含数据库连接文件
  3. $id=$_GET['id'];//把传过来的参数值赋给变量$i
  4. $sql=MysqL_query("delete from tb_demo02 where id=".$id);//根据参数值执行相应的删除操作
  5. if($sql){//如果操作的返回值为true
  6. $reback=1;//把变量$reback的值设为1
  7. }else{
  8. $reback=0;//否则变量$reback的值设为0
  9. }
  10. echo $reback;//输出变量$reback的值
  11. ?>
index.js
  1. function del(id){
  2. var xml;
  3. if(window.ActiveXObject){//如果是浏览器支持ActiveXObjext则创建ActiveXObject对象
  4. xml=new ActiveXObject('Microsoft.XMLHTTP');
  5. }else if(window.XMLHttpRequest){//如果浏览器支持XMLHttpRequest对象则创建XMLHttpRequest对象
  6. xml=new XMLHttpRequest();
  7. }
  8. xml.open("GET","del.PHP?id="+id,true);//使用GET方法调用del.PHP并传递参数的值
  9. xml.onreadystatechange=function(){//当服务器准备就绪执行回调函数
  10. if(xml.readystate==4 && xml.status==200){//如果服务器已经传回信息并未发生错误
  11. var msg=xml.responseText;//把服务器传回的值赋给变量msg
  12. if(msg==1){//如果服务器传回的值为1则提示删除成功
  13. alert("删除成功!");
  14. location.reload();
  15. }else{//否则提示删除失败
  16. alert("删除失败!");
  17. return false;
  18. }
  19. }
  20. }
  21. xml.send(null);//不发送任何数据,因为数据已经使用请求URL通过GET方法发送
  22. }
index.PHP
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <Meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>分组统计</title>
  6. <link rel="stylesheet" type="text/css" href="mystyle.css">
  7. </head>
  8. <body>
  9. <script type="text/javascript" src="index.js"></script>
  10. <center>
  11. <!--banner-->
  12. <table width="798" border="0" cellpadding="0" cellspacing="0">
  13. <tr>
  14. <td height="112" background="images/banner.jpg">&nbsp;</td>
  15. </tr>
  16. </table>
  17. <?PHP
  18. include_once("conn/conn.PHP");
  19. ?>
  20. <table width="780" border="0" cellpadding="0" cellspacing="0">
  21. <form name="form1" id="form1" method="post" action="deletes.PHP">
  22. <tr>
  23. <td height="20" width="5%" class="top">&nbsp;</td>
  24. <td width="5%" class="top">id</td>
  25. <td width="30%" class="top">书名</td>
  26. <td width="10%" class="top">价格</td>
  27. <td width="20%" class="top">出版时间</td>
  28. <td width="10%" class="top">类别</td>
  29. <td width="10%" class="top">操作</td>
  30. </tr>
  31. <?PHP
  32. $sqlstr1 = "select * from tb_demo02 order by id";//按id的升序查询表tb_demo02的数据
  33. $result = MysqL_query($sqlstr1,$conn);//执行查询语句
  34. while ($rows = MysqL_fetch_array($result)){//循环输出查询结果
  35. ?>
  36. <tr>
  37. <td height="25" align="center" class="m_td">
  38. <input type=checkBox name="chk[]" id="chk" value=".$rows['id'].">
  39. </td>
  40. <td height="25" align="center" class="m_td"><?PHP echo $rows['id'];?></td>
  41. <td height="25" align="center" class="m_td"><?PHP echo $rows['bookname'];?></td>
  42. <td height="25" align="center" class="m_td"><?PHP echo $rows['price'];?></td>
  43. <td height="25" align="center" class="m_td"><?PHP echo $rows['f_time'];?></td>
  44. <td height="25" align="center" class="m_td"><?PHP echo $rows['type'];?></td>
  45. <td class="m_td"><a href="#" onClick="del(<?PHP echo $rows['id'];?>)">删除</a></td>
  46. </tr>
  47. <?PHP
  48. }
  49. ?>
  50. <tr>
  51. <td height="25" colspan="7" class="m_td" align="left">&nbsp;&nbsp;</td>
  52. </tr>
  53. </form>
  54. </table>
  55. <!--show-->
  56. <table width="798" border="0" cellpadding="0" cellspacing="0">
  57. <tr>
  58. <td height="48" background="images/bottom.jpg">&nbsp;</td>
  59. </tr>
  60. </table>
  61. </center>
  62. </body>
  63. </html>
二 运行结果

猜你在找的Ajax相关文章