popwindow--弹窗 

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

<title>无标题文档</title>
<link href="../popwindow/tanchuang.css" rel="stylesheet" type="text/css" />
</head>

<body>
<input type="button" value="显示" id="btn" />

<table width="100%" border="1" cellpadding="0
 " cellspacing="0">
     <tr id="sj">
        <td>代号</td>
        <td>名称</td>
        <td>操作</td>

    </tr>
    
    <tbody id="tb">
    </tbody>
    
    
</table>

//异步处理



<script type="text/javascript">

$("#btn").click(function(){
    
    $.ajax({
            url:"nationchuli.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><span class='xq' bs='"+lie[0]+"'>查看详情

</span></td></tr>";
                    
                }
            
                $("#tb").html(str);
                
                //加事件
                $(".sc").click(function(){
                    alert("aa");
                    })
                //查看详情
                $(".xq").click(function(){
                    
                var code = $(this).attr("bs");
                $.ajax({
                    
                    url:"xqchuli.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 btn ="<input type='button' value='确定' 

class='qd' />";
                        
                        var tc = new Window({
                            
                            title:"详细信息",
                            content:str,
                            buttons:btn
                            
                            });
                         确定移除弹窗
                        $(".qd").click(function(){
                                $(".zhuti").remove();
                                $("#zz").remove();
                            })
                        
                        }
                    
                    });
                
                })
            }
        });
    
    })
</script>

</body>
</html>

 

posted on 2016-11-28 10:02  奔跑的葛根  阅读(174)  评论(0)    收藏  举报

导航