作业：显示以下界面：

作业要求：

1.查看详细信息，以弹窗的形式显示，使用ajax
2.批量删除

一、主页面：

<!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">

*{

    margin: 0px auto;

}

.ckxq

{

    width:80px;

    height:25px;

    background-color:#09F;

    color:#FFF;

    text-align:center;

    line-height:25px;

    vertical-align:middle;

    }

.ckxq:hover

{

    cursor:pointer;

    background-color:#FF6B24;

    }

</style>

</head>

<body>

<h1>汽车查询页面</h1>

<?php

//输入查询

include ("../DBDA.class.php");

$db=new DBDA();

$value="";

$str="";

if(!empty($_POST["name"]))

{

    $name=$_POST["name"];

    $str=" where name like '%{$name}%'";

    $value=$name;

    }

?>

<form action="qiche.php" method="post">

<div>请输入查询内容：<input type="text" name="name" value="<?php echo $value;?>">

<input type="submit" value="查询" /></div>

</form>

<br />

<table width="100%" border="1" cellpadding="0" cellspacing="0" id="biao">

<tr>

<td>代号</td>

<td>名称</td>

<td>系列</td>

<td>油耗</td>

<td>功率</td>

<td>价格</td>

<td>操作</td>

</tr>

<?php

//表格内容显示

$sql="select * from car".$str;

$attr=$db->Query($sql);

foreach($attr as $v)

{

    $rp="<mark>{$value}</mark>";

    $rpstr=str_replace($value,$rp,$v[1]);

    echo "<tr>

    <td width=250><input type='checkbox' value='{$v[0]}' class='ck'>{$v[0]}</td>

    <td>{$rpstr}</td>

    <td>{$v[2]}</td>

    <td>{$v[4]}</td>

    <td>{$v[5]}</td>

    <td>{$v[7]}</td>

    <td><div class='ckxq' bs='{$v[0]}'>查看详情</div></td>

    </tr>";

    }

?>

<tr><td colspan="7"><input type="checkbox" id="qx" />全选

 <input type="button" value="批量删除" id="sc"></td></tr>

</table>

</body>

<script type="text/javascript">

$(document).ready(function(e) {

    //点击全选

    $("#qx").click(function(){

        var ck=$(".ck");

        var qx=$(this)[0].checked;

        ck.prop("checked",qx);

    })

    //批量删除

    $("#sc").click(function(){

            var cd=$(".ck");

            for(var i=0;i<cd.length;i++)

            {

                    if(cd.eq(i).prop("checked"))

                    {

                        var code=cd.eq(i).val();

                    $.ajax({

                        url:"delete.php",

                        data:{code:code},

                        type:"POST",

                        dataType:"TEXT",

                        success: function(data){

                            if(data.trim()=="OK")

                            {

                                  window.location.href="qiche.php";

                            }

                            else

                            {

                                alert ("删除失败!");

                            }

                        }

                    });

                }

            }

    })

    //查看详情

    $(".ckxq").click(function(){

            var nr=$(this).attr("bs");

            $.ajax({

                url:"chu.php",

                data:{nr:nr},

                type:"POST",

                dataType:"JSON",

                success:function(data)

                {

                    var str = "";

                    for(var k in data)

                    {

                        str+="<div>"+data[k][0]+"</div>";

                        str+="<div>"+data[k][1]+"</div>";

                        str+="<div>"+data[k][2]+"</div>";

                        str+="<div>"+data[k][3]+"</div>";

                    }

                    var html="<div>"+str+"</div>";

                    //var button ="<input type='button' value='确定' /><input type='button' value='取消' />";

                    var win = new Window

                    ({

                        width : 700, //宽度

                        height : 500, //高度

                        title : '查看详情', //标题

                        content : html, //内容

                        isMask : true, //是否遮罩

                        buttons :"", //按钮

                        isDrag:true,

                    });

                    }

            });

    })

});

</script>

</html>

二、处理页面：

<?php

$nr=$_POST["nr"];

include ("../DBDA.class.php");

$db=new DBDA();

$sql="select * from car where code='{$nr}'";

echo $db->JsonQuery($sql,0);

//attr=$db->Query($sql);

//echo json_encode($attr);

三、删除处理：

<?php

$code=$_POST["code"];

include ("../DBDA.class.php");

$db=new DBDA();

$sql="delete from car where Code='{$code}'";

$r=$db->Query($sql,1);

if($r)

{

    echo "OK";

    }

else

{

    echo "NO";

    }

作业：汽车查询--弹窗显示详情，批量删除 php做法(0521)的更多相关文章

  1. 作业：汽车查询--弹窗显示详情，批量删除 ajax做法(0521)

    作业:显示以下界面: 作业要求: 1.查看详细信息,以弹窗的形式显示,使用ajax2.批量删除 一.主页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...

  2. AJAX实现弹窗显示详情，全选和批量删除

    以Nation表为例,将Nation表显示在页面上,每一行数据前面加上复选框,后面加上查看详情,点击以弹窗形式显示每一行的数据,并且在表格最后一行加上全选复选框,点击选中全部数据,后面跟一个批量删除按 ...

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

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

  4. 5月21 汽车查询及批量删除----php方法

    ---恢复内容开始--- 这个与之前不同是在php中实现了页面的查询,引用AJAX实现批量删除及弹窗的显示 作业要求: 页面显示数据代码: <!DOCTYPE html PUBLIC " ...

  5. ajax“显示弹窗详情”和“删除”功能练习

    1.查看详细信息,以弹窗的形式显示,使用ajax 2.批量删除 “查询”功能可以参考前面的文章,这里只讲解ajax“显示弹窗详情”和“删除”功能 第一:在body中的代码 <title>a ...

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

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

  7. 11月10日下午 ajax做显示信息以后用ajax、Bootstrp做弹窗显示信息详情

    1.用ajax做弹窗显示信息详情 nation.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...

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

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

  9. Dynamics 365中的批量删除作业执行频率可以高于每天一次吗？

    微软动态CRM专家罗勇 ,回复317或者20190314可方便获取本文,同时可以在第一间得到我发布的最新博文信息,follow me!我的网站是 www.luoyong.me . 我先来做一个例子,登 ...

随机推荐

  1. d039: 点的位置

    内容: 已知一平面直角坐标系中正方形的左上(-2,2)和右下(2,-2)的顶点坐标,,当给一个点的坐标,判断点和正方形的关系,在正方形内(含边上)输出True ,否则输出 False 输入说明: 一行 ...

  2. PHP之mysql笔记

    1:在php中提供了两个用于连接MySQL数据库服务器的函数. (1)int mysql_connect(hostname[:port][:/path/to/socket],user,pass). ( ...

  3. 说说自己对RESTful API的理解s

    REST不是英文上的rest单词,其英文缩写为presentational State Transfer ,直译为表现状态转移,咋看起来很学术,不懂,其实不用去死抠这个词的意思.REST是一种约束和架 ...

  4. UML建模之活动图介绍（Activity Diagram）

      一.活动图的组成元素 Activity Diagram Element 1.活动状态图(Activity) 2.动作状态(Actions) 3.动作状态约束(Action Constraints) ...

  5. [原创]HTML5 web性能监控策略

    web性能重要指标--时长 通常在监控前端页面性能的时候,我们会需要获取到很多的时间戳,比如用户按下回车的时候开始计时,但这个时候,我们统计的js代码并没有加载过来,也无法读取到相关的信息.在HTML ...

  6. Java向上转型注意事项

    继承.接口:Java子类中如果含有父类中不包含的变量与方法,子类对象向上转型时就是丢失这些变量和方法. interface SuperClass{ int i = 2; void f() ; } cl ...

  7. jQuery效果-滑动

    index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l ...

  8. (转)Android签名详解（debug和release）

    1. 为什么要签名 1) 发送者的身份认证 由于开发商可能通过使用相同的Package Name来混淆替换已经安装的程序,以此保证签名不同的包不被替换 2) 保证信息传输的完整性 签名对于包中的每个文 ...

  9. This manual page is part of Xcode Tools version 5.0

    https://developer.apple.com/library/mac/documentation/Darwin/Reference/ManPages/man1/xcodebuild.1.ht ...

  10. AIR加载PDF

    //系统需要先安装上Adobe Reader import flash.html.HTMLLoader; import flash.html.HTMLPDFCapability; import fla ...