---恢复内容开始---

这个与之前不同是在php中实现了页面的查询,引用AJAX实现批量删除及弹窗的显示

作业要求:

页面显示数据代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.11.2.min.js"></script>
<script src="tanchuang.js"></script>
<link href="tanchuang.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.chakan:hover
{
cursor:pointer;} </style>
</head> <body>
<h1>汽车查询页面</h1>
<?php include("../DBDA.php");
$db = new DBDA(); $cx = "";
$value = "";
if(!empty($_POST["name"]))//有值不为空
{
$name = $_POST["name"];//取输入的name的名称
$cx = " where name like '%{$name }%'";//查询字符串
$value = $name;
}
?> <form action="zhuym.php" method="post">
<div>请输入名称:<input type="text" name="name" value="<?php echo $value ?>" />&nbsp;
<input type="submit" value="提交" />
</div>
</form>
<br /><br /> <table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>代号</td>
<td>汽车名称</td>
<td>价格</td>
<td>油耗</td>
<td>功率</td>
<td>操作</td>
</tr> <?php $sql = "select * from car".$cx;
$attr = $db->Query($sql);//Query是方法 foreach($attr as $v)
{
//处理字符串
$rp = "<span style='background:red'>{$value}</span>";
$str = str_replace($value,$rp,$v[1]);//要替换的关键字,替换为,字符串 echo "<tr>
<td id='code'><input type='checkbox' value='{$v[0]}' class='xz' />{$v[0]}</td>
<td>{$str}</td>
<td>{$v[7]}</td>
<td>{$v[4]}</td>
<td>{$v[5]}</td>
<td><span class='chakan' bs='{$v[0]}'>查看详情</span></td>
</tr>";
}
?> <tr><td><input type="checkbox" id="all" />全选&nbsp;&nbsp;<input type="button" id="butt" value="批量删除" /></td></tr>
</table> </body>
</html>
<script type="text/javascript">
$(document).ready(function(e) { //全选的按钮
$("#all").click(function(){ var ck = $(".xz");
var xz = $(this)[0].checked;
ck.prop("checked",xz); }) //删除及批量删除
$("#butt").click(function(){ var ck = $(".xz");
for(var i=0;i<ck.length;i++)
{
if(ck.eq(i).prop("checked"))
{
var code =ck.eq(i).val(); $.ajax({ url:"chuliEASY.php",
data:{code:code,type:1},
dataType:"TEXT",
type:"POST",
success: function(data){
//alert(data); if(data.trim()=="OK")
{
window.location.href="zhuym.php";
}
else
{
alert("删除失败");
}
}
});
} }
}) //弹窗
$('.chakan').click(function(){ var code = $(this).attr("bs"); $.ajax({ url:"chuliEASY.php",
dataType:"JSON",
data:{code:code,type:2},
type:"POST",
success: function(data){
//alert(data); str1 = "";
for(key in data)
{
str1 += "<span>"+data[key][1]+"</span>&nbsp;&nbsp;";
str1 += "<span>"+data[key][2]+"</span>&nbsp;&nbsp;";
str1 += "<span>"+data[key][3]+"</span>&nbsp;&nbsp;";
str1 += "<span>"+data[key][4]+"</span>"; }
}
}); var html = "<div style='color:red'>"+str1+"</div>";
var button ="<input type='button' value='确定' /><input type='button' value='取消' />";
var win = new Window({ width : 700, //宽度
height : 500, //高度
title : '弹窗', //标题
content : html, //内容
isMask : false, //是否遮罩
buttons : button, //按钮
isDrag:true, }); }) });
</script>

处理页面,但是合并在一起了chuliEASY.php

<?php

include("../DBDA.php");
$db = new DBDA(); $type = $_POST["type"]; switch($type)
{
case 1:
$code = $_POST["code"];
$sql = "delete from car where code = '{$code}'";
$result = $db->Query($sql,1);//如果成功返回true or false
if($result)
{
echo "OK";
}
else
{
echo "NO";
}
break;
case 2:
$code = $_POST["code"];
$sql = "select Code,Name,Price,Oil,Powers from car where Code = '{$code}' ";
$attr = $db->Query($sql);
echo json_encode($attr);
break;
default:
echo ""; }

相对于AJAX要简单些

---恢复内容结束---

5月21 汽车查询及批量删除----php方法的更多相关文章

  1. StackExchange.Redis加载Lua脚本进行模糊查询的批量删除和修改

    前言 使用StackExchange.Redis没有直接相关的方法进行模糊查询的批量删除和修改操作,虽然可以通过Scan相关的方法进行模糊查询,例如:HashScan("hashkey&qu ...

  2. Sql批量添加,批量查询,批量删除,批量修改。mybatis都有对应标签

    Sql批量添加,批量查询,批量删除,批量修改.mybatis都有对应标签

  3. 11月1日上午PHP批量删除

    1.在主页面上添加批量删除有关代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...

  4. php部分---对数据的多条件查询,批量删除

    1.给多条件查询,添加条件 <h1>新闻信息查看</h1> <?php $tiaojian1=" 1=1"; $tiaojian2=" 1= ...

  5. JAVAEE——BOS物流项目04:学习计划、datagrid、分页查询、批量删除、修改功能

    1 学习计划 1.datagrid使用方法(重要) n 将静态HTML渲染为datagrid样式 n 发送ajax请求获取json数据创建datagrid n 使用easyUI提供的API创建data ...

  6. stark组件的分页,模糊查询,批量删除

    1.分页组件高阶 2.整合展示数据showlist类 3.stark组件之分页 3.stark组件之search模糊查询 4.action批量处理数据 4.总结 1.分页组件高阶 1.分页的class ...

  7. WPF Caliburn.Micro ListView 批量删除 新方法.高效的

    上一片我做的批量删除,是更具ListView的选项改变事件,然后放到一个全局变量里面,缺点已经说了.这次又找到一个好的方法.和大家分享一下.这次我将删除按钮的click事件里面的参数绑定为ListVi ...

  8. EF5+MVC4系列(5) 删除的方法 1:系统推荐的先查询后remove删除的方法 2:自己new一个包含主键的类,然后 attach附加 remove删除;3:使用db.Entry 修改状态删除4:EntityState的几种状态

      我们还是以订单表为例   1:系统推荐的方法,先查询出来,然后调用remove方法进行删除 我们删除id大于等于4的 static void Main(string[] args) { Delet ...

  9. DevExpress gridcontrol添加了复选框删除选中的多行/批量删除的方法

    思路:遍历gridView1的每一行,该行中checkbox列被勾选则设置该行为选中状态,执行gridView1提供的DeleteSelectedRows方法则可 public void DoDele ...

随机推荐

  1. 【C#】委托中的匿名函数与lambda

    将方法作为方法的参数 委托是一个类,它定义了方法的类型,使得可以将方法当作另一个方法的参数来进行传递,这种将方法动态地赋给参数的做法,可以避免在程序中大量使用If-Else(Switch)语句,同时使 ...

  2. QT中QLineEdit的editingFinished()信号在按下回车时会触发两次的解决办法

    class MyLineEdit : public QLineEdit { Q_OBJECT public: MyLineEdit(QWidget * parent = 0) : QLineEdit( ...

  3. 4、Ansible(tags、roles)

    Tags https://docs.ansible.com/ansible/latest/user_guide/playbooks_tags.html http://www.zsythink.net/ ...

  4. SD--批量删除订单

    SD--批量删除订单 在sap应用中常常会需要批量删除一些错误录入的单据,为此开发了一个小程序.该程序为了安全,程序做了一下控制 1.限制用户只能删除自己的订单,不能删除别人输入的订单,如果需要修改一 ...

  5. 让你的 Python 代码优雅又地道

    示例代码和引用的语录都来自Raymond的演讲.这是我按我的理解整理出来的,希望你们理解起来跟我一样顺畅! 遍历一个范围内的数字 for i in [0, 1, 2, 3, 4, 5]: print  ...

  6. git core.autocrlf配置 解决Windows和Linux(Mac)换行问题

    格式化 格式化是许多开发人员在协作时,特别是在跨平台情况下,遇到的令人头疼的细小问题. 由于编辑器的不同或者Windows程序员在跨平台项目中的文件行尾加入了回车换行符, 一些细微的空格变化会不经意地 ...

  7. 更新:在MAC上安装RN开发环境的步骤(全)

    总共分为三部: 1:按照官网(中文)上的步骤去安装jdk和android studio 2:配置SDK 3:安装虚拟机和模拟器 所以这里提出的是注意事项: 1:~/.bash_profile 文件里面 ...

  8. _spellmod_aura_trigger

    一.spell.dbc做一个空光环 二.配置_spellmod_aura_trigger表 comment 备注 aura 光环ID,有此光环时,才会触发下面技能 linkSpell1-3 链接的技能 ...

  9. Codeforces 617 E. XOR and Favorite Number

    题目链接:http://codeforces.com/problemset/problem/617/E 一看这种区间查询的题目,考虑一下莫队. 如何${O(1)}$的修改和查询呢? 令${f(i,j) ...

  10. springboot 启动报错 java.lang.IllegalStateException: Failed to introspect annotated methods on class org

    . ____ _ __ _ _ /\\ / ___'_ __ _ _(_)_ __ __ _ \ \ \ \ ( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \ \\/ ...