使用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><?PHPinclude("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]);

转载于:https://www.cnblogs.com/pangchunlei/p/5618872.html

使用ajax进行汽车详情表的查询相关推荐

AJAX for Java简单表数据查询实例
AJAX for Java简单表数据查询实例<?XML:NAMESPACE PREFIX = O /> AJAX WebShop 3对Java开发具有良好的支持,同时也提供了各种层次的后台 ...
hive 导出json格式文件_hive中创建hive-json格式的表及查询
在hive中对于json的数据格式,可以使用get_json_object或json_tuple先解析然后查询. 也可以直接在hive中创建json格式的表结构,这样就可以直接查询,实战如下(hive ...
迷你旅游网——旅游线路用名称查询以及查看详情（完成查询条件不确定性的定义模板方式解决...）
一. 即将完成的工作线路名称查询(模糊查询) 查看线路详情二.线路名称查询(模糊查询) 1.在之前的线路分页展示代码上修改部分代码来完成查询功能查询参数的传递,类别id:cid,线路名称:rna ...
Android开发实战---一个汽车销售APP，有汽车列表页、汽车详情页、贷款计算页3个界面。
Android开发实战设计并实现一个汽车销售APP,要求至少有汽车列表页.汽车详情页.贷款计算页3个界面. 已开源:https://github.com/yan123666/wlf 实现结果: 1.计 ...
数据库实验：数据库和表、查询、视图与安全性、存储过程及游标、触发器、综合实验-水果商店进阶
数据库实验:数据库和表.查询.视图与安全性.存储过程及游标.触发器.综合实验-水果商店进阶实验一.数据库和表源码1: 源码2: 小结实验二.查询源码小结实验三.视图.安全性源码: 小结 ...
mysql多表联查分页_sqlserver多表联合查询和多表分页查询的代码讲解
sqlserver多表联合查询和多表分页查询的代码讲解发布时间:2020-05-14 14:42:07 来源:亿速云阅读:700 作者:Leah 这篇文章主要为大家详细介绍了sqlserver多表 ...
asp多表查询并显示_SpringBoot系列（五）：SpringBoot整合Mybatis实现多表关联查询
本文我们将继续分享介绍Spring Boot在整合Mybatis开发企业级应用时其他典型的业务场景,即Mybatis是如何实现多表关联查询时将查询结果集与对象进行映射的,主要的内容包含"一对 ...
html 查询表单,如何让我的HTML表单查询适用于所有表单元素？
我有一个HTML表单.在那里,我有四种不同类型的连接到数据库表的字段,并且应该根据用户的选择将结果呈现给HTML表单域.如何让我的HTML表单查询适用于所有表单元素? 我有开始和结束日期字段. Sta ...
如何实现分类表统计数目和详情表数量同步
在常用的分类表详情表 1对多模型中,常常有统计某个分类下有多少详情数据的,比如某分类下有多少文章,分类表往往数据量少,可能就只有几十条几百条,但是详情表会很多,几十万上百万都有可能,那么在某些 ...

使用ajax进行汽车详情表的查询

使用ajax进行汽车详情表的查询相关推荐

最新文章

热门文章