ajax弹窗
主页面:
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="../fzl/jquery-1.11.2.min.js"></script> //JQuery <script src="../tanchuang/tanchuang.js"></script> //弹窗 js <title>无标题文档</title> <link href="../tanchuang/tanchuang.css" rel="stylesheet" type="text/css" /> //弹窗 css </head> <body> <input type="button" id="ck" value="显示" /> <table width="80%" border="1"> <tr> <td>代号</td> <td>民族</td> <td>操作</td> <td>查看</td> </tr> <tbody id="tb"></tbody> </table> </body> <script type="text/javascript"> $(document).ready(function(e) { //点击显示 $("#ck").click(function(){ $.ajax({ url:"ajax8cl.php", dataType:"TEXT", success: function(data){ var hang = data.split("|"); var str = ""; for(var i=0;i<hang.length;i++) { var lie = hang[i].split("^"); str = str+"<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td><span class ='sc' bs ='"+lie[0]+"'>删除</span></td><td><span class ='ck' bs='"+lie[0]+"'>查看详情</span></td></tr>"; } $("#tb").html(str); //删除 $(".sc").click(function(){ alert("aa"); }) //弹窗 $(".ck").click(function(){ var code =$(this).attr("bs"); $.ajax({ url:"ajax8ckcl.php", data:{code:code}, type:"POST", dataType:"TEXT", success: function(data){ var lie1 = data.split("^"); var str = "<div>代号:"+lie1[0]+"</div><div>"+lie1[1]+"</div>"; //核心内容 var btn1 = "<input type='button' value='确定' class='qd' />"; var tc = new Window({ title:"详细信息", content:str, buttons:btn1 }); $(".qd").click(function(){ $(".zhuti").remove(); //点击确定按钮,弹窗移除 $("#zz").remove(); //点击确定按钮,遮罩移除 }) } }); }) } }); }) }); </script>
点击显示处理页面:
<?php include("../fzl/czy.class.php"); $db = new czy(); $sql = "select * from nation"; echo $db->strQuery($sql);
弹窗处理页面:
<?php include("../fzl/czy.class.php"); $db = new czy(); $code = $_POST["code"]; $sql = "select * from nation where code = '{$code}'"; echo $db->strQuery($sql);