使用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]);
使用ajax进行汽车详情表的查询的更多相关文章
- ajax“显示弹窗详情”和“删除”功能练习
1.查看详细信息,以弹窗的形式显示,使用ajax 2.批量删除 “查询”功能可以参考前面的文章,这里只讲解ajax“显示弹窗详情”和“删除”功能 第一:在body中的代码 <title>a ...
- MyBatis学习总结(三)——多表关联查询与动态SQL
在上一章中我们学习了<MyBatis学习总结(二)——MyBatis核心配置文件与输入输出映射>,这一章主要是介绍一对一关联查询.一对多关联查询与动态SQL等内容. 一.多表关联查询 表与 ...
- ORM 多表操作查询及增删改查
------------------------------------------只有对前途乐观的人,才能不怕黑暗,才能有力量去创造光明.乐观不是目的,而是人生旅途中的一种态度. 多表操作 创建模型 ...
- 序列化表单为json对象,datagrid带额外参提交一次查询 后台用Spring data JPA 实现带条件的分页查询 多表关联查询
查询窗口中可以设置很多查询条件 表单中输入的内容转为datagrid的load方法所需的查询条件向原请求地址再次提出新的查询,将结果显示在datagrid中 转换方法看代码注释 <td cols ...
- MySQL多表数据查询(DQL)
数据准备: /* ------------------------------------创建班级表------------------------------------ */ CREATE TAB ...
- Django ORM --- 建表、查询、删除基础
1.什么是ORM ORM的全称是Object Relational Mapping,即对象关系映射.它的实现思想就是将关系数据库中表的数据映射成为对象,以对象的形式展现,这样开发人员就可以把对数据库的 ...
- Mongoose 两个表关联查询aggregate 以及 Mongoose中获取ObjectId
Mongoose 两个表关联查询aggregate 通常两个表关联查询的时候,是一种一对多的关系,比如订单与订单详情就是一对多的关系,一个订单下面有多个商品 数据模拟 首先我们先将数据模拟出来,先选择 ...
- 一次作业过程及其问题的记录:mysql建立数据库、建表、查询和插入等
前言 这次的作业需要我建立一个小的数据库. 这次作业我使用了mysql,进行了建库.建表.查询.插入等操作. 以下是对本次作业相关的mysql操作过程及过程中出现的问题的记录. 正文 作业中对数据库的 ...
- MybatisPlus多表连接查询
一.序言 (一)背景内容 软件应用技术架构中DAO层最常见的选型组件为MyBatis,熟悉MyBatis的朋友都清楚,曾几何时MyBatis是多么的风光,使用XML文件解决了复杂的数据库访问的难题.时 ...
随机推荐
- int和Integer差别
种原始数据类型之中的一个. Java为每一个原始类型提供了封装类.Integer是java为int提供的封装类. 原始数据类型包含byte.int.char.long.float.double.boo ...
- linux设备号分配
参考:http://blog.chinaunix.net/uid-24460251-id-2606762.htmlhttp://blog.csdn.net/zjjyliuweijie/article/ ...
- csla 与高cpu
在项目中一直使用csla 4.13. 项目一直正常,但是偶尔会出现iis占用的cpu 突然100%, 后面客户量大的情况,加入了缓存的机制.100%的情况出现的更多了. 当时有数据库死锁的原因.cpu ...
- TP中单字母快捷函数总结
ThinkPHP中有许多使用简便的单字母函数,可以很方便开发者快速的调用,但是字母函数却不方便记忆,本文将所有的字母函数总结一下,以方便以后查找.1.U() URL组装 支持不同URL模式 U($ur ...
- jq 获取select text
var Reply_type_name=$("#Reply_type").find("option:selected").text();
- struts.properties文件
此配置文件提供了一种机制来更改默认行为的框架.其实所有的struts.propertiesconfiguration文件中包含的属性也可以被配置在web.xml中使用的init-param,以及在st ...
- tomcat 测试页面显示
首先下载匹配jdk版本的tomcat 解压即可使用 将完成的html文件直接放置到webapps目录下的子目录中是无法使用的 原因是tomcat默认加载的是jsp文件,且需要文件配置 所以,除去在we ...
- KMP hihoCoder1015 KMP算法
人太蠢,,看了一天的KMP.. 刚開始看训练指南的,,后来才惊奇的发现原来刘汝佳写的f数组并非Next数组! 总认为和之前看过的全然不一样.. . 后来又百度了一下KMP,研究了非常久,然后用自己的逻 ...
- Gmail 邮件配置备忘
1.smtp端口号不是默认的25,smtp的是587 2.必须设置“允许使用不够安全的应用” 其他的按照网上文档设置就好了
- scrapy初体验 - 安装遇到的坑及第一个范例
scrapy,python开发的一个快速,高层次的屏幕抓取和web抓取框架,用于抓取web站点并从页面中提取结构化的数据.scrapy用途广泛,可以用于数据挖掘.监测和自动化测试.scrapy的安装稍 ...