作业：显示以下界面：

作业要求：

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. 搭建本地Nuget服务器并使用NuGet Package Explorer工具打包nuget包

    1.什么是Nuget: 百度百科描述: Nuget是 ASP .NET Gallery 的一员.NuGet 是免费.开源的包管理开发工具,专注于在 .NET 应用开发过程中,简单地合并第三方的组件库. ...

  2. Effective Go -> Interface

    1.接口实现及类型转换 type Sequence []int // Methods required by sort.Interface. func (s Sequence) Len() int { ...

  3. Android 自定义属性（attrs.xml，TypedArray）

    做Android布局是件很享受的事,这得益于他良好的xml方式.使用xml可以快速有效的为软件定义界面.可是有时候我们总感觉官方定义的一些基本组 件不够用,自定义组件就不可避免了.那么如何才能做到像官 ...

  4. 解密随机数生成器（二）——从java源码看线性同余算法

    Random Java中的Random类生成的是伪随机数,使用的是48-bit的种子,然后调用一个linear congruential formula线性同余方程(Donald Knuth的编程艺术 ...

  5. Linux下的QQ折腾记

        用Linux最重要是要把QQ装好了,webqq很不好用.qq for linux是古董,Linux还是悲惨,很多软件有windows版本,有mac版本,就是不出linux版本.只好用wine来 ...

  6. BZOJ3391: [Usaco2004 Dec]Tree Cutting网络破坏

    3391: [Usaco2004 Dec]Tree Cutting网络破坏 Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 47  Solved: 37[ ...

  7. MD中bitmap源代码分析--清除流程

    bitmap的清零是由bitmap_daemon_work()来实现的.Raid1守护进程定期执行时调用md_check_recovery,然后md_check_recovery会调用bitmap_d ...

  8. 黑马程序员_<<IO流基本操作(Writer,Reader)>>

    --------------------ASP.Net+Android+IOS开发..Net培训.期待与您交流! -------------------- 1.概述 硬盘之间的文件的传输,硬盘中文件的 ...

  9. 详解Java反射各种应用

    Java除了给我们提供在编译期得到类的各种信息之外,还通过反射让我们可以在运行期间得到类的各种信息.通过反射获取类的信息,得到类的信息之后,就可以获取以下相关内容: Class对象 构造器 变量 方法 ...

  10. oracle修改服务器端编码

    因为装的是oracle 11g免费版,没有装oracle客户端,然后从网上找了免客户端使用pl/sql的教程,具体可以看链接,这里不再累述:但打开pl/sql的时候提示客户端和服务端编码不一致:网上一 ...