显示页面

<!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. java中的substring用法

    String str="我是中国人"; str = str.substring(0, 2) +"_"+str.substring(3, 4); 结果:str=& ...

  2. Workaround for Markdown blogging platform that to use LaTeX

    Here is a solution to solve the lack of LaTeX support: by using Codecogs API. For instance, if you n ...

  3. 《编写高质量代码：改善Java程序的151个建议》笔记

    To fight the unthinkable,you have to be willing to do the unthinkable.   不要在循环中使用try catch,应该放在循环的外面 ...

  4. Installing Ruby 1.9.3 on Ubuntu 12.04 Precise Pengolin (without RVM)

    02 MAY, 2012 The new Ubuntu release has just rolled around and with it a slew of new packages. Perso ...

  5. ACM--South Pacific 2012

    题目链接:https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&category=5 ...

  6. HDU 1532 Drainage Ditches 分类： Brush Mode 2014-07-31 10:38 82人阅读 评论(0) 收藏

    Drainage Ditches Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) ...

  7. ios 调用打印机

    源码 无意中玩一个demo发现调用了打印机  才发现ios有快速调用打印机的功能. if ([UIPrintInteractionController isPrintingAvailable] == ...

  8. [工作积累] bitfield

    ISO/IEC 14882:2003: 9.6 Bit-fields [class.bit] A member-declarator of the form identifieropt : const ...

  9. JavaScript之Cookie讲解

    什么是 Cookie “cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie ...

  10. 常用的Python字符串常量

    下面是一些常用的Python字符串常量string.digits:包含0-9的字符串string.letters:包含所有大小写字母的字符串 string.lowercase:所有小写字母string ...