应用Ajax技术删除数据
来源:互联网 发布:视频监控端口号 编辑:程序博客网 时间:2024/06/08 00:17
一 代码
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 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('Microsoft.XMLHTTP');}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;//把服务器传回的值赋给变量msgif(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"></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><?phpinclude_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['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="#" onClick="del(<?php echo $rows['id'];?>)">删除</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>
二 运行结果
阅读全文
0 0
- 应用Ajax技术删除数据
- 调用ajax删除数据
- AJAX技术应用详解
- ajax技术的应用
- 重复数据删除技术
- 重复数据删除技术
- ajax 应用之 添加删除
- AJAX应用到的技术
- Ajax技术应用的站点
- 应用AJAX技术完成验证
- AJAX技术与应用浅析
- Struts中应用Ajax技术
- AJAX技术经验谈:技术原理及应用
- 什么是重复数据删除技术?
- 重复数据删除技术解析
- Meshvault: 重复数据删除技术
- 重复数据删除技术成本
- 重复数据删除技术简介
- 在PHP中应用Ajax技术检测用户名
- EntityFramework 7.0之初探【基于VS 2015】
- 在php中应用Ajax技术实现博客文章添加类别
- 第一课
- 使用jQuery制作级联下拉列表框
- 应用Ajax技术删除数据
- php写接口跨域问题
- 应用Ajax技术制作分类列表框
- Sublime text 3最新版破解方法
- Spring----AspectJ的AOP
- 注意啦,维谛技术(Vertiv)品牌正式启用了,来头可不小
- java反射简单例子
- Mapreduce 过程中 使用List保存Text元素被修改
- Ajax+Jpgraph制作动态折线图