显示页面

<!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="../../popwindow/jquery-1.11.2.min.js"></script>

<script type="text/javascript" src="../../popwindow/tanchuang.js"></script>

<link href="../../popwindow/tanchuang.css" rel="stylesheet" type="text/css" />

</head>

<body>

<table border=1px>

 <tr>

 <td>车名</td>

 <td>上市时间</td>

 <td>油耗</td>

 <td>查看</td>

 <?php

  $dbn="mysql:host=localhost;dbname=1";

  $db=new PDO($dbn,"root","");

  $sql="select * from car";

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

  $attr=$result->fetchALL();

  foreach ($attr as $v)

  {

      echo"

      <tr>

      <td>{$v[]}</td>

      <td>{$v[]}</td>

      <td>{$v[]}</td>

      <td><input type='button' value='详情' class='btn1' code='{$v[0]}' ></td>

      </tr>

      ";

  }

 ?>

 </tr>

</table>

</body>

</html>

<script type="text/javascript">

$(document).ready(function(e) {

    $(".btn1").click(function(e) {

        //找主键值

        var code =$(this).attr("code")

        //根据主键查询

        $.ajax({

        url: "16623-2.php",

        type:"POST",

        dataType:"TEXT",

         data:{c:code},

         success: function(data)

        {

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

            //引用外部弹窗样式

            var html = "<div style='color:red'>代号名"+lie[]+"</div><div>汽车名"+lie[]+"<div></div>汽车系列"+lie[]+"<div></div>上市时间"+lie[]+"<div></div>油耗"+lie[]+"<div></div>功率"+lie[]+"<div></div>排量"+lie[]+"<div></div>价格"+lie[]+"</div>";

            //var button ="<input type='button' value='确定' /><input type='button' value='取消' />";

            var win = new Window({

                width : , //宽度

                height : , //高度

                title : '测试弹窗', //标题

                content : html, //内容

                isMask : false, //是否遮罩

                //buttons : button, //按钮

                isDrag:true, //是否移动

                });

        }

        });

    });

});

</script>

处理页面

?php

include("../DBDA.class.php");

$db=new DBDA();

$sql="select * from nation";

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

$str="";

foreach($attr as $v)

{

    $str=$str.implode("^",$v);

    $str=$str."|";

}

substr($str,,strlen($str)-);

echo $str;

ajax练习习题一弹窗查看的更多相关文章

  1. 弹窗查看内容时 内容滚动区域设置为body区

    看到渣浪的查看文章或者查看大图有个效果:弹窗查看内容时,如果内容过长有滚动条,则滚动条会被放到body区滚动 什么意思呢? 看个图片,一般正常弹窗是有宽高限制的,如果内容过长则直接在弹窗中进行滚动 点 ...

  2. 11月10日下午 ajax做显示信息以后用ajax、Bootstrp做弹窗显示信息详情

    1.用ajax做弹窗显示信息详情 nation.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...

  3. 11.11 开课二个月零七天（ajax和bootstrp做弹窗）

    1.用ajax做弹窗显示信息详情 nation.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...

  4. ajax做显示信息以后用ajax、Bootstrp做弹窗显示信息详情

    1.用ajax做弹窗显示信息详情 nation.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...

  5. ajax对数据删除、查看详情功能

    运用bootstrap,jquery和ajax显示一些数据,附加删除功能并且点击能弹出模态框详情功能 主页面main.php <!DOCTYPE html PUBLIC "-//W3C ...

  6. ajax练习习题三搜索

    做一个汽车搜索页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

  7. ajax练习习题二三级联动

    异步执行 1数据传输收发数据的时候不用等待对方接受,可以继续发送 2Ajax 在调用处理页面处理数据的时候,下面的代码可以继续执行,效率高 同步执行 1收发数据的时候要等到对方接受的成功,才可以继续发 ...

  8. AJAX里使用的弹窗样式 tanchuang.js tanchuang.css

    tanchuang.js // 每个弹窗的标识 var x =0; var idzt = new Array(); var Window = function(config){ //ID不重复 idz ...

  9. Django中数据传输编码格式、ajax发送json数据、ajax发送文件、django序列化组件、ajax结合sweetalert做二次弹窗、批量增加数据

    前后端传输数据的编码格式(contentType) 提交post请求的两种方式: form表单 ajax请求 前后端传输数据的编码格式 urlencoded formdata(form表单里的) ja ...

随机推荐

  1. 断点续传 (HTTP) 归纳

    由于最近项目中要上传较大的文件,基于公司原有的底层框架的局限性,对于大文件的传输都束手无策,基于文件传输的安全性,考虑用断点续传(HTTP)以及FTP上传两种方式实现下面归纳下HTTP续传和FTP上传 ...

  2. SwipeBackLayout的使用方法，右滑返回

    使用方法: 需要右滑返回的activity继承baseActivity就可以, 如: public class SettingActivity extends BaseActivity {} 为防止滑 ...

  3. Entity Framework技术导游系列开篇与热身

    在微软平台写程序有年头了,随着微软数据存取技术的持续演化,我在程序中先后使用过ODBC.DAO.ADO.ADO.NET.LINQ to SQL. Entity Framework这些技术. 近几年来, ...

  4. SQL Server性能优化（5）表设计时的注意事项

    一. 是否需要冗余列 现在一些项目的数据库设计中,为了提高查询速度,把基本表的一些列也放到了数据表里,导致数据冗余.例如在热表的数据库里,原始数据表Measure_Heat里加了如房间号,单元号,楼号 ...

  5. Oracle数据库中文乱码问题

    最近碰到Oracle乱码问题,刚开始甚是头疼,以前在合肥出差的时候,这种问题也碰到过,当时直接抛给了“乌压压一片”(一个搞数据的同事儿),这次没办法躲过,只好硬着头皮上.虽然我这次碰到的是Oracle ...

  6. hdu 4000 Fruit Ninja 树状数组

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4000 Recently, dobby is addicted in the Fruit Ninja. ...

  7. zoj 2314 Reactor Cooling 网络流

    题目链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=1314 The terrorist group leaded by a ...

  8. ```````````````辐射度 Radiometry

    solid angel --立体角 单位 sr  球面度 dω就是对solid angel的微分 4π代表一个球 我发现dω就是对半径为1的球的表面积的微分 所以4π代表一个球  这就是球的表面积.. ...

  9. .NET设计模式（14）：代理模式（Proxy Pattern）（转）

    摘要:在软件系统中,有些对象有时候由于跨越网络或者其他的障碍,而不能够或者不想直接访问另一个对象,如果直接访问会给系统带来不必要的复杂性,这时候可以在客户程序和目标对象之间增加一层中间层,让代理对象来 ...

  10. C# 序列化 Serialize 的应用

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.I ...