使用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 type="text/javascript" src="0621popwindow/jquery-1.11.2.min.js"></script>
    <script src="0621popwindow/tanchuang.js"></script>
    <link href="0621popwindow/tanchuang.css" rel="stylesheet" type="text/css" />

</head>

<body>
<table width="100%" border="2" cellpadding="0" cellspacing="1">
    <tr>

    <td>名称</td>
    <td>类型</td>
    <td>时间</td>
    <td>操作</td>

    </tr>
    <?PHP
    include("DBDA.class.php");
    $db=new DBDA();

    $sql="select * from car";
    $re=$db->query($sql);
    foreach ($re as $v)
    {
        echo "
        <tr>
        <td>{$v[1]}</td>
        <td>{$v[2]}</td>
        <td>{$v[3]}</td>
        <td><input type=‘button‘ value=‘查看详情‘ code=‘{$v[0]}‘ class=‘anniu‘></td>
</tr>
        ";
    }
    ?>
</table>

</body>
<script type="text/javascript">
$(document).ready(function(e){
    $(".anniu").click(function(){
        var code = $(this).attr("code");
        alert(code);z
        $.ajax({
            url:"0624carchuli.php",
            data:{code:code},
            type:"POST",
            dataType:"TEXT",
            success:function(data){
                alert(data);

                var lie=data.split("^");

                var html = "<div class=‘xq‘>代号:"+lie[0]+"</div><div class=‘xq‘>名称:"+lie[1]+"</div><div class=‘xq‘>系列:"+lie[2]+"</div><div class=‘xq‘>上市时间:"+lie[3]+"</div><div class=‘xq‘>油耗:"+lie[4]+"</div><div class=‘xq‘>功率:"+lie[5]+"</div><div class=‘xq‘>排量:"+lie[6]+"</div><div class=‘xq‘>价格:"+lie[7]+"</div>";
                var win = new Window({

                    width : 300, //宽度
                    height : 400, //高度
                    title : ‘汽车详情信息‘, //标题
                    content : html, //内容
                    isMask : true, //是否遮罩
                    //buttons : button, //按钮
                    isDrag:true,//是否移动
                });
            }
        })
    })
})

</script>
</html>

  

 处理界面代码

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2016/6/24
 * Time: 20:37
 */

$code=$_POST["code"];

include("DBDA.class.php");
$db=new DBDA();

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

$re=$db->query($sql);

echo implode("^",$re[0]);

  

时间: 2024-10-26 21:10:19

使用ajax进行汽车详情表的查询的相关文章

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

1.查看详细信息,以弹窗的形式显示,使用ajax 2.批量删除 “查询”功能可以参考前面的文章,这里只讲解ajax“显示弹窗详情”和“删除”功能 第一:在body中的代码 <title>ajax汽车网页查询</title> <script src="jquery-2.0.0.min.js"></script> <script type="text/javascript" src="tanchuang.j

ORM 单表操作查询 多表操作查询及增删改查

------------------------------------------只有对前途乐观的人,才能不怕黑暗,才能有力量去创造光明.乐观不是目的,而是人生旅途中的一种态度. 多表操作 创建模型 实例:我们来假定下面这些概念,字段和关系 作者模型:一个作者有姓名和年龄. 作者详细模型:把作者的详情放到详情表,包含生日,手机号,家庭住址等信息.作者详情模型和作者模型之间是一对一的关系(one-to-one) 出版商模型:出版商有名称,所在城市以及email. 书籍模型: 书籍有书名和出版日期

drf中 连表深度查询和ListSerializer类包括drf中Response二次封装

drf中Response二次封装: from rest_framework.response import Response ''' return MyResponse(status=1,msg='error',results=[],token='a.b.c',http_status=400,exception=True) Response模块的响应数据 data,最终数据results,Response模块需要向前台展示的一般有响应数据data(包括data里面的results),网络状态码s

汽车系统表模型

''' 2.完成汽车系统表模型的建立(表关系自己设计) 汽车表.汽车商家表.赞助商表.赞助商详情表 3.完成汽车系统的接口编写 汽车表:八大接口(不需要写put方法) 汽车商家表:八大接口(不需要写put方法) ''' from django.db import models # 汽车表.汽车商家表.赞助商表.赞助商详情表 class BaseModel(models.Model): is_delete = models.BooleanField(default=False) createdTi

MySQL(九)之数据表的查询详解(SELECT语法)二

上一篇讲了比较简单的单表查询以及MySQL的组函数,这一篇给大家分享一点比较难得知识了,关于多表查询,子查询,左连接,外连接等等.希望大家能都得到帮助! 在开始之前因为要多表查询,所以搭建好环境: 1)创建数据表suppliers 前面已经有一张表是book表,我们在建立一张suppliers(供应商)表和前面的book表对应. 也就是说 让book中s_id字段值指向suppliers的主键值,创建一个外键约束关系. 其实这里并没有达到真正的外键约束关系,只是模拟,让fruits中的s_id中

表连接查询与where后使用子查询的性能分析。

子查询就是在一条查询语句中还有其它的查询语句,主查询得到的结果依赖于子查询的结果. 子查询的子语句可以在一条sql语句的FROM,JOIN,和WHERE后面,本文主要针对在WHERE后面使用子查询与表连接查询的性能做出一点分析. 对于表连接查询和子查询性能的讨论众说纷纭,普遍认为的是表连接查询的性能要高于子查询.本文将从实验的角度,对这两种查询的性能做出验证,并就实验结果分析两种查询手段的执行流程对性能的影响. 首先准备两张表 1,访问日志表mm_log有150829条记录(相关sql文件已放在

三种方法实现从“一个(组)查询过程中返回两个表的查询结果”

还记得開始做机房的时候,遇到了要从一个函数中返回两个表的查询结果.当时的解决方法非常"冲动"也非常"无拘无束",直接在实体类里边加入了其它表的实体,效果是达到了,但总认为不伦不类. 如今介绍三种解决上述问题的方法(代码为VB.net.系统使用三层架构). 题设要求:如果我如今要从卡表和学生表里返回查询信息(卡表的comment,money,status和学生表的所有信息),卡表和学生表例如以下: 图一  学生表 图二    卡表 方法一:视图. 比較简单,相信这样的

两个表联合查询获取聊天表中用户最新的一条聊天数据

一个用户表,一个聊天记录表,两个表联合查询获取聊天表中用户最新的一条聊天数据 select c.contentfrom sixin as c where c.tid = a.user_idorder by ctime desc limit 0,1) as content,(select c.statusfrom sixin as c where c.tid = a.user_idorder by ctime desc limit 0,1) as status from users as a, s

Mysql 表连接查询

1.内联接(典型的联接运算,使用像 =  或 <> 之类的比较运算符).包括相等联接和自然联接.     内联接使用比较运算符根据每个表共有的列的值匹配两个表中的行.例如,检索 students和courses表中学生标识号相同的所有行.       2.外联接.外联接可以是左向外联接.右向外联接或完整外部联接.     在 FROM子句中指定外联接时,可以由下列几组关键字中的一组指定:     1)LEFT  JOIN或LEFT OUTER JOIN     左向外联接的结果集包括  LEF