作业：显示以下界面：

作业要求：

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. 【学习笔记】【Foundation】字典

    字典NSDictionary: 用于保存具有映射关系的数据:key-value: 创建NSDictionary的常用方法: dictionary: dictionaryWithContentsOfFi ...

  2. DOM 之通俗易懂讲解

    DOM是所有前端开发每天打交道的东西,但是随着jQuery等库的出现,大大简化了DOM操作,导致大家慢慢的“遗忘”了它的本来面貌.不过,要想深入学习前端知识,对DOM的了解是不可或缺的,所以本文力图系 ...

  3. BZOJ 4407 于神之怒加强版

    http://www.lydsy.com/JudgeOnline/problem.php?id=4407 题意: 给下N,M,K.求 思路:  来自:http://blog.csdn.net/ws_y ...

  4. Altium Designer 导出Gerber文件详细教程

    Altium Designer 导出Gerber文件详细教程   1.用Altium打开需要导出Gerber文件的PCB: 2.点击“File”-“fabricatio Outputs ” “Gerb ...

  5. db file scattered read

    SQL> set linesize 200 SQL> col name format a30 SQL> select SESSION_ID,NAME,P1,P2,P3,WAIT_TI ...

  6. cxgrid按条件计算合计值 TcxTreeList计算合计值

    在Footer的第一列显示[合计:] 加一个Summary项,Column设为Grid的第一列,Kind设为skNone 在该Summary项的OnGetText事件中,输入: procedure T ...

  7. libvirtVirsh

    virsh基于不同协议远程连接libvirt drivers(Hypervisors) 基于OS系统账号ssh登陆

  8. 如何解决ajax跨域问题

    如何解决ajax跨域问题(转) 由 于此前很少写前端的代码(哈哈,不合格的程序员啊),最近项目中用到json作为系统间交互的手段,自然就伴随着众多ajax请求,随之而来的就是要解决 ajax的跨域问题 ...

  9. IntelliJ IDEA常见问题及解决方法

    1.IDEA导入项目后,源码.java文件图标带有红色圆圈,圆圈中间是个J: 该现象的原因是由于项目未把该路径指定为源码路径.解决方法: 在project Structure中(快捷键ctrl+alt ...

  10. 关于javax.crypto.BadPaddingException: Blocktype错误的几种解决方法

    此文章转载自:http://www.myexception.cn/mobile/1259076.html 关于javax.crypto.BadPaddingException: Blocktype异常 ...