一 代码
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">
</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="#" 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>
二 运行结果
相关推荐
"使用Ajax动态删除数据前台直接显示结果"这一技术就是为了提升用户体验而设计的。Ajax，即Asynchronous JavaScript and XML（异步JavaScript和XML），允许我们在不重新加载整个网页的情况下与服务器交换数据并局部...
Ajax（Asynchronous ...以上就是Ajax无刷新删除数据的相关知识点，涵盖从发起请求到处理响应的全过程，以及与之相关的Web开发技术。理解并熟练掌握这些知识点，对于开发高效、用户体验优秀的Web应用至关重要。
在这个例子中，它可能指向一个在线资源，包含了完整的ASP+Ajax实现动态添加删除数据的源代码和步骤说明。如果需要进一步学习或参考，可以访问这个链接获取详细信息。 总的来说，ASP和Ajax的结合使用为Web开发提供了...
在IT行业中，Ajax（Asynchronous ...通过合理地分批加载数据、展示进度条以及应用优化策略，可以为用户提供更加流畅的体验。在实际开发中，根据项目需求和用户习惯，灵活运用这些技术，将大大提升网站的质量和吸引力。
在Web开发中，`MVC (Model-View-Controller)`模式和`Ajax (Asynchronous JavaScript and XML)`技术的结合是构建动态、交互性强的网页应用的常见方法。本压缩包文件提供了基于`Mvc`（即ASP.NET MVC）和`Ajax`实现的增...
1. 在《互提资料单管理系统》中，使用 Ajax 技术来实现实时删除记录功能。 2. 在《互提资料单管理系统》中，使用 Ajax 技术来实现实时更新记录信息功能。 Ajax 技术的注意事项： 1. 安全性：Ajax 技术可能会带来...
"Ajax添加和删除无刷新效果"这个主题聚焦于如何使用AJAX技术实现在不重新加载整个页面的情况下，动态地添加或删除数据。这种方式极大地提高了用户的操作流畅度，提升了网站的性能。 首先，理解AJAX的核心概念是至关...
在Web开发中，Ajax（Asynchronous JavaScript and XML）技术是一种实现页面无刷新更新数据的关键方法。它允许我们向服务器发送异步请求，获取或更新数据，而无需重新加载整个网页，提升了用户体验。在这个主题中，...
Ajax（Asynchronous JavaScript and XML）技术是一种在...为解决这些问题，开发者可以使用jQuery、Prototype等库，或者现代的Fetch API和Promise，以及新兴的Web Components和WebSockets技术来优化和扩展Ajax的应用。
【Ajax 插入与删除功能】是Web开发中的常见操作，尤其在动态更新页面内容时，Ajax技术的应用能显著提升用户体验。在这个例子中，我们关注的是如何在ASP.NET平台上利用Ajax实现数据的增删功能，并结合MSSQL数据库进行...
综上所述，AJAX技术为Web应用带来了革命性的变化，提高了交互性和效率，但同时也需要开发者在实现过程中考虑到兼容性、SEO和导航等问题。在现代Web开发中，随着Vue、React和Angular等前端框架的兴起，AJAX已成为构建...
在本例中，我们使用 AJAX 实现了用户删除功能，使得用户在点击删除按钮后，无需刷新整个页面，只需通过后台处理删除操作，并将结果返回给前端进行相应的提示。 2. **Struts2**：这是一个用于构建企业级 Java web ...
### 数据显示技术及实现Ajax技术 ...通过本次实验，参与者不仅能够系统地掌握数据显示技术与Ajax技术的基础知识和应用场景，还能够在实践中加深对这些技术的理解和应用能力。这对于日后从事Web开发工作具有重要的意义。
**删除数据** 删除操作与添加类似，主要区别在于请求方法变为DELETE，且可能需要传递一个标识符（如ID）来确定要删除的数据。以下是一个简单的示例： 1. 创建XMLHttpRequest对象和配置请求，但这次方法是`'DELETE'...
Ajax（异步JavaScript和XML）是一种在不重新加载整个网页的情况下，能够更新部分网页的技术。...无论是Java开发者还是.NET开发者，掌握Ajax技术都能提高他们的Web应用开发能力，为用户提供更加高效、流畅的浏览体验。
在"JavaScript语言与Ajax应用（第二版）"这本书中，作者董宁深入探讨了这两者的核心概念和技术应用。 1. **JavaScript基础**：JavaScript语言的基础包括变量、数据类型、运算符、流程控制（条件语句、循环语句）、...
4. **删除数据** - 用户选择要删除的记录，前端通过AJAX发送包含记录ID的请求给ASP。 - ASP根据接收到的ID执行DELETE SQL语句，然后返回确认信息，前端根据响应更新表格。 5. **修改数据** - 当用户编辑表单字段...
本主题将详细介绍如何利用Ajax实现无刷新添加和删除数据。 一、Ajax基本原理 Ajax的核心是JavaScript对象XMLHttpRequest，它允许在页面不重新加载的情况下与服务器交换数据并局部更新页面。通过创建XMLHttpRequest...
通过学习这个示例，开发者可以了解到如何在实际项目中应用Ajax技术，提升用户体验，避免页面刷新带来的延迟感。同时，这也涉及到前端与后端的协作，了解如何设计和使用RESTful API来处理数据操作。 总结来说，"Ajax...
总结来说，这个案例展示了如何利用Ajax技术，结合HTML、CSS和JavaScript，构建一个动态表格应用，提供用户友好的交互体验。通过理解和实践这样的例子，开发者可以提高在前端开发中的技能，尤其是对于实时数据更新和...