ajax技术应用Ajax技术删除数据_H5之家 - 中国HTML5教程资源分享第一站

一代码

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['id'];//把传过来的参数值赋给变量$i $sql=mysql_query("delete from tb_demo02 wherecode">function del(id){ var xml; if(window.ActiveXObject){//如果是浏览器支持ActiveXObjext则创建ActiveXObject对象 xml=new ActiveXObject('Microsoft.XMLHTTP'); }else if(window.XMLHttpRequest){//如果浏览器支持XMLHttpRequest对象则创建XMLHttpRequest对象 xml=new XMLHttpRequest(); } xml.open("GET","del.php?id="+id,true);//使用GET方法调用del.php并传递参数的值 xml.//当服务器准备就绪执行回调函数 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" c type="text/css" href="mystyle.css"> </head> <body> <script type="text/javascript" src="index.js"></script> <center>  <table cellpadding="0" cellspacing="0"> <tr> <td background="images/banner.jpg"> </td> </tr> </table> <?php include_once("conn/conn.php"); ?> <table cellpadding="0" cellspacing="0"> <form method="post" action="deletes.php"> <tr> <td> </td> <td>id</td> <td>书名</td> <td>价格</td> <td>出版时间</td> <td>类别</td> <td>操作</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> <input type=checkbox value=".$rows['id']."> </td> <td><?php echo $rows['id'];?></td> <td><?php echo $rows['bookname'];?></td> <td><?php echo $rows['price'];?></td> <td><?php echo $rows['f_time'];?></td> <td><?php echo $rows['type'];?></td> <td><a href="#" colspan="7">  </td> </tr> </form> </table>  <table cellpadding="0" cellspacing="0"> <tr> <td background="images/bottom.jpg"> </td> </tr> </table> </center> </body> </html>

二运行结果

ajax技术 应用Ajax技术删除数据

ajax技术应用Ajax技术删除数据