作业：显示以下界面：

作业要求：

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. toast组件较为完美版本

    <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" ...

  2. 转：VC中MessageBox的常见用法

    一.关于MessageBox       消息框是个很常用的控件,属性比较多,本文列出了它的一些常用方法,及指出了它的一些应用场合.       1.MessageBox("这是一个最简单的 ...

  3. 【转】ubuntu连接android设备（附最简单方法）

    原文网址:http://blog.csdn.net/maosidiaoxian/article/details/22661725 在ubuntu下连接android设备,虽然不用像windows那样安 ...

  4. jquery easyui tree绑定静态数据的方法

    若是动态,返回的是json格式,这个比较常见,就不列举说明了,如果要绑定的数据为静态,很简单,只需将ajax的url改为data 如 //鼠标单击树事件 $("#tree").tr ...

  5. html+css显示代码书写版式

    由于要显示行数,所以需选用html的列表标签ol,以下代码可以显示代码书写版式的效果: <style> .code-part { background: yellow; } .code-p ...

  6. HDU_1426——数独问题,DFS

    Problem Description 自从2006年3月10日至11日的首届数独世界锦标赛以后,数独这项游戏越来越受到人们的喜爱和重视. 据说,在2008北京奥运会上,会将数独列为一个单独的项目进行 ...

  7. HDU 5496 - BestCoder Round #58 - Beauty of Sequence

      题目链接 : http://bestcoder.hdu.edu.cn/contests/contest_chineseproblem.php?cid=637&pid=1002 思路 : 考 ...

  8. VC CArchive类使用

    CFile file("D:\\1.txt",CFile::modeCreate | CFile::modeWrite); CArchive ar(&file,CArchi ...

  9. 解决Qt5.7.0 cannot find -lGL

    很久没用Qt了,这次要做一个协议编辑器,在ubuntu 14.04上安装了最新版本的Qt 5.7.0.界面改用扁平化风格,第一感觉还不错.按默认步骤创建了一个gui程序,编译运行,报了一个错:cann ...

  10. android后台截屏实现(3)--编译screencap

    修改好之后就要编译了,screencap的编译是要在源码环境中进行的. 将修改后的screencap.cpp文件替换源码中的原始文件,然后修改screencap的Android.mk文件,修改后的文件 ...