Ajax+PHP实现的删除数据功能示例
时间:2022-07-27
本文章向大家介绍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['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;//把服务器传回的值赋给变量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['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" </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
二 运行结果
- JavaScript 正则表达式入门教程
- 读书笔记-JavaScript面向对象编程(三)
- 视频比特率与分辨率
- 译文 | 简明 TensorFlow 教程:所有的模型
- 基于 Ubuntu 搭建 VNC 远程桌面服务
- 搭建 FTP 文件服务
- linux平台下的写文件刷新
- MySQL NDB Cluster实战
- 译文 | 简明 TensorFlow 教程:混合模型
- 利用SetConsoleTextAttribute函数设置控制台颜色
- python笔记:#001#python简介
- python笔记:#002#第一个python程序
- python笔记:#003#PyCharm 的初始设置
- python笔记:#004#注释
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Java8 Stream
- 性能测试必备知识(4)- 使用 stress 和 sysstat 分析平均负载过高的场景
- 高并发利器-guava分流与缓存
- 树莓派3b+组装+烧录retropie系统
- 使用Azure DevOps Pipeline实现.Net Core程序的CI
- 带你遨游USB世界
- C# 泛型中的数据类型判定与转换
- 评测Loki日志工具
- .Net微服务实战之负载均衡(上)
- ES 7.8 速成笔记(上)
- 利用Xtrabackup进行mysql增量备份和全量备份
- ES 7.8 速成笔记(中)
- 什么?字符串为空?
- PowerBI DAX 计算组 基础篇
- 45. Vue路由vue-router的基本使用