快捷導(dǎo)航

Ajax+PHP實現(xiàn)的刪除數(shù)據(jù)功能示例

更新時間：2019年02月12日 08:37:56 作者：chengqiuming

這篇文章主要介紹了Ajax+PHP實現(xiàn)的刪除數(shù)據(jù)功能,涉及php結(jié)合ajax動態(tài)交互操作數(shù)據(jù)庫實現(xiàn)數(shù)據(jù)查詢與刪除相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了Ajax+PHP實現(xiàn)的刪除數(shù)據(jù)功能。分享給大家供大家參考，具體如下：

一代碼

conn.php：

<?php
  $conn = mysql_connect("localhost", "root", " ") or die("連接數(shù)據(jù)庫服務(wù)器失敗！".mysql_error()); //連接MySQL服務(wù)器
  mysql_select_db("db_database27",$conn); //選擇數(shù)據(jù)庫db_database27
  mysql_query("set names utf8"); //設(shè)置數(shù)據(jù)庫編碼格式utf8
?>

del.php：

<?php
  include_once("conn/conn.php");//包含數(shù)據(jù)庫連接文件
    $id=$_GET['id'];//把傳過來的參數(shù)值賦給變量$i
    $sql=mysql_query("delete from tb_demo02 where id=".$id);//根據(jù)參數(shù)值執(zhí)行相應(yīng)的刪除操作
    if($sql){//如果操作的返回值為true
     $reback=1;//把變量$reback的值設(shè)為1
    }else{
     $reback=0;//否則變量$reback的值設(shè)為0
    }
    echo $reback;//輸出變量$reback的值
?>

index.js：

function del(id){
    var xml;
    if(window.ActiveXObject){//如果是瀏覽器支持ActiveXObjext則創(chuàng)建ActiveXObject對象
     xml=new ActiveXObject('Microsoft.XMLHTTP');
    }else if(window.XMLHttpRequest){//如果瀏覽器支持XMLHttpRequest對象則創(chuàng)建XMLHttpRequest對象
     xml=new XMLHttpRequest();
    }
    xml.open("GET","del.php?id="+id,true);//使用GET方法調(diào)用del.php并傳遞參數(shù)的值
    xml.onreadystatechange=function(){//當(dāng)服務(wù)器準(zhǔn)備就緒執(zhí)行回調(diào)函數(shù)
     if(xml.readystate==4 && xml.status==200){//如果服務(wù)器已經(jīng)傳回信息并未發(fā)生錯誤
        var msg=xml.responseText;//把服務(wù)器傳回的值賦給變量msg
        if(msg==1){//如果服務(wù)器傳回的值為1則提示刪除成功
         alert("刪除成功！");
      location.reload();
        }else{//否則提示刪除失敗
         alert("刪除失??！");
         return false;
        }
   }
    }
    xml.send(null);//不發(fā)送任何數(shù)據(jù)，因為數(shù)據(jù)已經(jīng)使用請求URL通過GET方法發(fā)送
}

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>分組統(tǒng)計</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">&nbsp;</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的數(shù)據(jù)
    $result = mysql_query($sqlstr1,$conn);//執(zhí)行查詢語句
    while ($rows = mysql_fetch_array($result)){//循環(huán)輸出查詢結(jié)果
?>
 <tr>
  <td height="25" align="center" class="m_td">
    <input type=checkbox name="chk[]" id="chk" value=".$rows['id'].">
    </td>
    <td height="25" align="center" class="m_td"><?php echo $rows['id'];?></td>
    <td height="25" align="center" class="m_td"><?php echo $rows['bookname'];?></td>
  <td height="25" align="center" class="m_td"><?php echo $rows['price'];?></td>
    <td height="25" align="center" class="m_td"><?php echo $rows['f_time'];?></td>
    <td height="25" align="center" class="m_td"><?php echo $rows['type'];?></td>
    <td class="m_td"><a href="#" rel="external nofollow" onClick="del(<?php echo $rows['id'];?>)">刪除</a></td>
 </tr>
<?php
    }
?>
<tr>
    <td height="25" colspan="7" class="m_td" align="left">&nbsp;&nbsp;</td>
</tr>
</form>
</table>
<!--show-->
 <table width="798" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td height="48" background="images/bottom.jpg">&nbsp;</td>
  </tr>
</table>
</center>
</body>
</html>

二運行結(jié)果