JSP示例(备用)

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title></title>
<%
	pageContext.setAttribute("APP_PATH", request.getContextPath());
	%>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- VENDOR CSS -->
<link rel="stylesheet"
	href="${APP_PATH }/static/vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="${APP_PATH }/static/vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet"
	href="${APP_PATH }/static/vendor/linearicons/style.css">
<link rel="stylesheet"
	href="${APP_PATH }/static/vendor/chartist/css/chartist-custom.css">
<link rel="stylesheet"
	href="${APP_PATH }/static/css/ladda-themeless.min.css">
<!-- MAIN CSS -->
<link rel="stylesheet" href="${APP_PATH }/static/css/main.css">
<!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
<link rel="stylesheet" href="${APP_PATH }/static/css/demo.css">
<!-- GOOGLE FONTS -->
<link
	href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700"
	rel="stylesheet">
<!-- ICONS -->
<link rel="apple-touch-icon" sizes="76x76"
	href="${APP_PATH }/static/img/apple-icon.png">
<link rel="icon" type="image/png" sizes="96x96"
	href="${APP_PATH }/static/img/favicon.png">

</head>
<body>
<!-- WRAPPER -->
<div id="wrapper">
    <!-- NAVBAR -->
    <nav class="navbar navbar-default navbar-fixed-top">
    <div class="brand">
        <a href="domainInfo.jsp"><img
            src="${APP_PATH }/static/img/logo-dark.png" alt="Klorofil Logo"
            class="img-responsive logo"></a>
    </div>
    <div class="container-fluid">
        <div class="navbar-btn">
            <button type="button" class="btn-toggle-fullwidth">
                <i class="lnr lnr-arrow-left-circle"></i>
            </button>
        </div>
        <div id="navbar-menu">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                <li><a href="${APP_PATH }/toLogin"><i class="lnr lnr-exit"></i> <span>退出</span></a></li>
                </li>
            </ul>
        </div>
    </div>
    </nav>
    <!-- END NAVBAR -->
    <!-- LEFT SIDEBAR -->
    <div id="sidebar-nav" class="sidebar">
        <div class="sidebar-scroll">
            <nav>
            <ul class="nav">
                <li><a href="${APP_PATH }/toDomains" class=""><i
                        class="lnr lnr-home"></i> <span>域名检测</span></a></li>
                <li><a href="${APP_PATH }/toDomainInfo" class="active"><i
                        class="lnr lnr-dice"></i> <span>域名信息</span></a></li>
                <li><a href="${APP_PATH }/toHistoryRecord" class=""><i
                        class="lnr lnr-inbox"></i> <span>检测记录</span></a></li>
                <li><a href="${APP_PATH }/toTask" class=""><i
                        class="lnr lnr-rocket"></i> <span>任务进度</span></a></li>
                <li><a href="${APP_PATH }/toUser" class=""><i
                        class="lnr lnr-user"></i> <span>管理员信息</span></a></li>
            </ul>
            </nav>
        </div>
    </div>
    <!-- END LEFT SIDEBAR -->
    <!-- MAIN -->
    <div class="main">
        <!-- MAIN CONTENT -->
        <div class="main-content">
            <div class="container-fluid">
                <!-- OVERVIEW -->
                <div class="panel panel-headline">

                    <div class="panel">
                        <div class="panel-heading">
                            <h3 class="panel-title">域名信息表</h3>

                        </div>
                        <div class="row" style="padding: 0px 25px 0px 25px">
                            <div class="col-md-2 ">
                                <!--<label class="label label-default">网站名称:</label>-->
                                <!-- <input class="form-control" placeholder="请输入网站名称" id="netname"
                                    type="text"> -->
                                 <select class="form-control" id="netnames">
                                    
                                </select>    
                            </div>
                            <div class="col-md-2 ">
                                <select class="form-control" id="state">
                                    <option value="0">--请选择状态--</option>
                                    <option value="1">正常</option>
                                    <option value="2">劫持</option>
                                    <option value="6">重置</option>
                                    <option value="3">无效</option>
                                    <option value="4">超时</option>
                                    <option value="5">未测</option>
                                </select>
                            </div>
                            <div class="col-md-1 ">
                                <button type="button" class="btn btn-primary" id="check">
                                    查询</button>
                            </div>
                            <div class="col-md-1 col-md-offset-2">
                                <button type="button" class="btn btn-default" data-toggle="modal"
                                     data-target="#addModal" >
                                    <i class="fa fa-plus-square"></i> 添加
                                </button>
                            </div>
                            <div class="col-md-1">
                                <button type="button" class="btn btn-default" data-toggle="modal"
                                     data-target="#addlistModal" >
                                    <i class="fa fa-plus-square"></i> 批量添加
                                </button>
                            </div>
                            <div class="col-md-1">
                                <button type="button" class="btn btn-default" id="delelist">
                                    <i class="lnr lnr-trash"></i> 批量删除
                                </button>
                            </div>
                        </div>
                        <div class="panel-body">
                            <table class="table table-hover" id="initTable">
                                <thead>
                                    <tr>
                                        <th class="col-md-1">
                                            <label class="fancy-checkbox">
                                                <input type="checkbox" id="checkall" name="checkall" οnclick="checkAll(checkall)">
                                                <span><b>全选</b></span>
                                            </label>
                                        </th>
                                        <th class="col-md-2">网站名称</th>
                                        <th class="col-md-2">网址</th>
                                        <th class="col-md-2">对应标识</th>
                                        <th class="col-md-2">检测状态</th>
                                        <th class="col-md-3">操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                </tbody>
                            </table>
                            <div class="row">
                                <!--分页文字信息  -->
                                <div class="col-md-8" id="page_info_area" style="padding: 30px">
                                    第<span id="pageNum"></span>页,总<span id="totalpage"></span>页,总<span
                                        id="totalRecord"></span>条记录
                                    <select id="pageSize" style="margin-left: 10px">
                                        <option value="10">10</option>
                                        <option value="20">20</option>
                                        <option value="50">50</option>
                                        <option value="100">100</option>
                                    </select><span >条/页</span>    
                                </div>
                                <!-- 分页条信息 -->
                                <div class="col-md-4" id="page_nav_area">
                                    <ul class="pagination">
                                        <li class=""><a id="first">首页</a></li>
                                        <li class=""><a id="pre">上一页</a></li>
                                        <li class=""><a id="next">下一页</a></li>
                                        <li class=""><a id="end">末页</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 模态框(Modal) -->
                    <div class="modal fade" id="addlistModal" tabindex="-1" role="dialog"
                        aria-labelledby="myModalLabel" aria-hidden="true"
                        style="padding-top: 200px">
                        <div class="modal-dialog" style="width: 20%">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"
                                        aria-hidden="true">×</button>
                                    <h4 class="modal-title" id="myModalLabel">新增域名信息</h4>
                                </div>
                                <div class="modal-body">
                                    <form class="form-horizontal">
                                        <div class="form-group">    
                                             <input type="text" id="ann" class="form-control"
                                                placeholder="网站名称"><span id="annmsg"></span>
                                        </div>
                                        <div class="form-group"><!-- 网站地址(格式:xxxx.com \nxxx.com\n...) -->
                                            <textarea class="form-control" placeholder="网站地址_格式:xxxx.com  xxx.com ..." rows="4" id="ans"></textarea>
                                            <!-- <input type="text" id="addnet" class="form-control"
                                                placeholder="网站地址"> --><span id="ansmsg"></span>
                                        </div>
                                        <div class="form-group">
                                            <input type="text" id="ait" class="form-control"
                                                placeholder="对应标识"><span id="aitmsg"></span>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default"
                                        data-dismiss="modal">取消</button>
                                    <button type="button" class="btn btn-primary" id="addlist">确定</button>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                    </div><!-- model end  -->
                    
                    <div class="modal fade" id="addModal" tabindex="-1" role="dialog"
                        aria-labelledby="myModalLabel" aria-hidden="true"
                        style="padding-top: 200px">
                        <div class="modal-dialog" style="width: 20%">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"
                                        aria-hidden="true">×</button>
                                    <h4 class="modal-title" id="myModalLabel">新增域名信息</h4>
                                </div>
                                <div class="modal-body">
                                    <form class="form-horizontal">
                                        <div class="form-group">
                                            <input type="text" id="addnetname" class="form-control"
                                                placeholder="网站名称"><span id="addnetnamemsg"></span>
                                        </div>
                                        <div class="form-group">
                                            
                                             <input type="text" id="addnet" class="form-control"
                                                placeholder="网站地址(默认添加http://)"><span id="addnetmsg"></span> 
                                        </div>
                                        <div class="form-group">
                                            <input type="text" id="addiden" class="form-control"
                                                placeholder="对应标识"><span id="addidenmsg"></span>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default"
                                        data-dismiss="modal">取消</button>
                                    <button type="button" class="btn btn-primary" id="addd">确定</button>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                    </div>
                    <div class="modal fade" id="updateModel" tabindex="-1" role="dialog"
                        aria-labelledby="myModalLabel" aria-hidden="true"
                        style="padding-top: 200px">
                        <div class="modal-dialog" style="width: 20%">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"
                                        aria-hidden="true">×</button>
                                    <h4 class="modal-title" id="myModalLabel">修改域名信息</h4>
                                </div>
                                <div class="modal-body">
                                    <form class="form-horizontal">
                                        <div class="form-group">
                                            <span style="padding-left: 15px"><b>网站名称:</b></span>
                                            <input type="text" id="updatenetname" class="form-control"
                                                placeholder="网站名称" ><span id="updatenetnamemsg"></span>
                                        </div>
                                        <div class="form-group">
                                        <span style="padding-left: 15px"><b>网站地址:</b></span>
                                            <input type="text" id="updatenet" class="form-control"
                                                placeholder="网站地址"><span id="updatenetmsg"></span>
                                        </div>
                                        <div class="form-group">
                                        <span style="padding-left: 15px"><b>对应标识:</b></span>
                                            <input type="text" id="updateiden" class="form-control"
                                                placeholder="对应标识"><span id="updateidenmsg"></span>
                                        </div>
                                        <div class="form-group">
                                        <span style="padding-left: 15px"><b>检测状态:</b></span>
                                            <input type="text" id="updatestate" class="form-control"
                                                placeholder="检测状态" readonly="true">
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default"
                                        data-dismiss="modal">取消</button>
                                    <button type="button" class="btn btn-primary" id="update">确定</button>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                    </div><!-- model end -->
                    
                    <div class="modal fade" id="deleteModel" tabindex="-1" role="dialog"
                        aria-labelledby="myModalLabel" aria-hidden="true"
                        style="padding-top: 200px">
                        <div class="modal-dialog" style="width: 15%">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"
                                        aria-hidden="true">×</button>
                                </div>
                                <div class="modal-body">
                                    <form class="form-horizontal">
                                        <div class="form-group">
                                            <span style="padding-left: 15px"><b>确定删除此信息吗?</b></span>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default"
                                        data-dismiss="modal">取消</button>
                                    <button type="button" class="btn btn-primary" id="delete">确定</button>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                    </div><!-- model end -->
                    
                    <div class="modal fade" id="deletelistModal" tabindex="-1" role="dialog"
                        aria-labelledby="myModalLabel" aria-hidden="true"
                        style="padding-top: 200px">
                        <div class="modal-dialog" style="width: 15%">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"
                                        aria-hidden="true">×</button>
                                </div>
                                <div class="modal-body">
                                    <form class="form-horizontal">
                                        <div class="form-group">
                                            <span style="padding-left: 15px"><b>确定删除选中的信息吗?</b></span>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default"
                                        data-dismiss="modal">取消</button>
                                    <button type="button" class="btn btn-primary" id="deletelist">确定</button>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                    </div><!-- model end -->
                    
                    <div class="modal fade" id="publicModel" tabindex="-1" role="dialog"
                    aria-labelledby="myModalLabel" aria-hidden="true"
                    style="padding-top: 200px">
                    <div class="modal-dialog" style="width: 15%">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal"
                                    aria-hidden="true">×</button>
                            </div>
                            <div class="modal-body">
                                    <div id="div1"
                                        style="font-weight: bold; text-align: center; color: #2B333E; font-size: 14px"></div>
                            </div>
                            <div class="modal-footer">
                                <div style="height:50%"> </div>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                </div><!-- model end -->
                
                    <div class="modal fade" id="publicModel2" tabindex="-1" role="dialog"
                    aria-labelledby="myModalLabel" aria-hidden="true"
                    style="padding-top: 200px">
                    <div class="modal-dialog" style="width: 15%">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal"
                                    aria-hidden="true">×</button>
                            </div>
                            <div class="modal-body">
                                    <div id="div2"
                                        style="font-weight: bold; text-align: center; color: #2B333E; font-size: 14px"></div>
                                    <div id="div3" style="font-weight: bold; text-align: center"></div>
                                    <div id="div4" style="font-weight: bold; text-align: center;color: red;"></div>
                            </div>
                            <div class="modal-footer">
                                <div style="height:50%"> </div>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                </div><!-- model end -->
            </div>
            <!-- END OVERVIEW -->

        </div>
    </div>
    <!-- END MAIN CONTENT -->
</div>
<!-- END MAIN -->
<div class="clearfix"></div>
<footer>
<div class="container-fluid">
    <p class="copyright">
        Copyright &copy; 2018.Leven 
    </p>
</div>
</footer>
</div>
<!-- END WRAPPER -->	 
	<!-- Javascript -->
<script src="${APP_PATH }/static/vendor/jquery/jquery.min.js"></script>
<script src="${APP_PATH }/static/vendor/bootstrap/js/bootstrap.min.js"></script>
<script
	src="${APP_PATH }/static/vendor/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script
	src="${APP_PATH }/static/vendor/jquery.easy-pie-chart/jquery.easypiechart.min.js"></script>
<script src="${APP_PATH }/static/vendor/chartist/js/chartist.min.js"></script>
<script src="${APP_PATH }/static/scripts/klorofil-common.js"></script>

<script type="text/javascript">
$(function() {
	//去首页
	
	to_page(1);
	netnames();
	$("#addnetname").blur(check1);		
	function check1(){
		var checkNumPattern=/^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$/;
		var netname=$("#addnetname").val();
		//前端验证
		if(checkNumPattern.test(netname)){
			console.info("前端验证成功");
			$("#addnetnamemsg").text("V 输入格式正确").css("color","green");
			return true;
		}else{
			console.info("前端验证失败,不匹配正则");
			$("#addnetnamemsg").text("X 网站名称可以包含汉字、数字、英文").css("color","red");
		}
		return false;
	};
	$("#ann").blur(check4);		
	function check4(){
		var checkNumPattern=/^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$/;
		var netname=$("#ann").val();
		//前端验证
		if(checkNumPattern.test(netname)){
			console.info("前端验证成功");
			$("#annmsg").text("V 输入格式正确").css("color","green");
			return true;
		}else{
			console.info("前端验证失败,不匹配正则");
			$("#annmsg").text("X 网站名称可以包含汉字、数字、英文").css("color","red");
		}
		return false;
	};
	$("#addnet").blur(check2);		
	function check2(){
		var checkNumPattern=/^[A-Za-z0-9\u4e00-\u9fa5]*\.[a-z]{2,3}$/;
		var net=$("#addnet").val();
		//前端验证
		if(checkNumPattern.test(net)){
			console.info("前端验证成功");
			$("#addnetmsg").text("V 输入格式正确").css("color","green");
			return true;
		}else{
			console.info("前端验证失败,不匹配正则");
			$("#addnetmsg").text("X 网址格式为xxxx.xxx").css("color","red");
		}
		return false;
	};
	$("#ans").blur(check5);		
	function check5(){
		var checkNumPattern=/^[\u4E00-\u9FA5A-Za-z0-9\.\s\S]+$/;
		var net=$("#ans").val();
		//前端验证
		if(checkNumPattern.test(net)){
			console.info("前端验证成功");
			$("#ansmsg").text("V 输入格式正确").css("color","green");
			return true;
		}else{
			console.info("前端验证失败,不匹配正则");
			$("#ansmsg").text("X 网址格式为  xxxx.xxx...").css("color","red");
		}
		return false;
	};
	$("#addiden").blur(check3);		
	function check3(){
		var checkNumPattern=/^[A-Za-z0-9]+$/;
		var iden=$("#addiden").val();
		//前端验证
		if(checkNumPattern.test(iden)){
			console.info("前端验证成功");
			$("#addidenmsg").text("V 输入格式正确").css("color","green");
			return true;
		}else{
			console.info("前端验证失败,不匹配正则");
			$("#addidenmsg").text("X 标识只可以包含数字、英文").css("color","red");
		}
		return false;
	};
	$("#ait").blur(check6);		
	function check6(){
		var checkNumPattern=/^[A-Za-z0-9]+$/;
		var iden=$("#ait").val();
		//前端验证
		if(checkNumPattern.test(iden)){
			console.info("前端验证成功");
			$("#aitmsg").text("V 输入格式正确").css("color","green");
			return true;
		}else{
			console.info("前端验证失败,不匹配正则");
			$("#aitmsg").text("X 标识只可以包含数字、英文(5-7位)").css("color","red");
		}
		return false;
	};
});

function netnames(){
	$.ajax({
		url : "${APP_PATH}/netnames",
		data : {		
		},
		datatype: "json",
		type : "post",
		success : function(result) {	
			//alert(result);
			var re = JSON.parse(result); 
			//console.log(re.list);
			 var selectionr= document.getElementById("netnames"); 
			 var firstOptionr=document.createElement("option");
			  firstOptionr.text = "--请选择网站名称--";    
		       selectionr.appendChild(firstOptionr);
		       for (var i = 0; i < re.length; i++){ 
		    	   var _option = document.createElement("option"); 
		    	   _option.text=re[i];
		    	   selectionr.appendChild(_option);
		       }
			
		},
		error:function (){  
		     alert("wrong");  
		} 
		
	});
}
function checkAll(checkall) { 

    arr = document.getElementsByName('info' );   
    if (checkall.checked == true) {   
        for(i=0;i<arr.length;i++){   
              
            arr[i].checked = true;   
        }  

        }else{  
            for(i=0;i<arr.length;i++){   
                if((arr[i]).checked==false){  
                    arr[i].checked = true;  
                }else  
                {arr[i].checked = false; }  
            }  
        }  
}

function to_page(pn) {
	var netname = $("#netnames option:selected").text();
	var state = $("#state option:selected").val();
	var pageSize =$("#pageSize option:selected").val();
	$.ajax({
		url : "${APP_PATH}/domains",
		data : {
			"pageNum":pn,
			"pageSize":pageSize,
			"netname":netname,
			"state":state
		},
		datatype: "json",
		type : "post",
		success : function(result) {	
			//alert(result);
			var re = JSON.parse(result); 
			//console.log(re.list);
			$("#pageNum").html(pn);
			$("#totalpage").html(re.pages);
			$("#totalRecord").html(re.total);
			build_table(re.list);
			
		},
		error:function (){  
			$("#div1").html("网络异常");
			$("#publicModel").modal('show');
			setTimeout("hide()",1000)  
		} 
		
	});
}
	 function build_table(result) {
	//清空table表格
	$("#initTable tbody").empty();
	/* var list = result.list; */
	$.each( result,
					function(index, item) {	
		//<label class='fancy-checkbox'><input type='checkbox' value=''></label>
						var checkBox = $("<td></td>").append("<label class='fancy-checkbox'>"+
					     "<input type='checkbox' value=' "+item.id+" ' name='info' ><span></span></label>")
						var netname = $("<td></td>").append(item.netname);
						var net = $("<td></td>").append(item.net);
						var iden = $("<td></td>").append(item.iden);
						if (item.state=="正常") {
							var state = $("<td></td>").append($("<span></span>").
									addClass("label label-success").append(item.state));
						}else if(item.state=="劫持"){
							var state = $("<td></td>").append($("<span></span>").
									addClass("label label-warning").append(item.state));
						}else if(item.state=="无效"){
							var state = $("<td></td>").append($("<span></span>").
									addClass("label label-danger").append(item.state));
						}else if(item.state=="超时"){
							var state = $("<td></td>").append($("<span></span>").
									addClass("label label-primary").append(item.state));
						}else if(item.state=="重置"){
							var state = $("<td></td>").append($("<span></span>").
									addClass("label label-info").append(item.state));
						}else{
							var state = $("<td></td>").append($("<span></span>").
									addClass("label label-default").append(item.state));
						}
						//<span class="label label-default">DEFAULT</span>
						/*  <button class="btn btn-primary btn-sm" data-toggle="modal"
						data-target="#myModal">新增</button> */
						 var editBtn = $("<button></button>").addClass("btn btn-primary btn-sm edit_btn")
							.append($("<i></i>").addClass("lnr lnr-pencil")).append("编辑");
							//为编辑按钮添加一个自定义的属性,来表示当前员工id
						editBtn.attr("data-toggle","modal");
						editBtn.attr("data-target","#updateModel");
						editBtn.attr("edit-id",item.id);
						//为编辑按钮添加一个自定义的属性,来表示当前员工id
						/* <button type="button" class="btn btn-primary" data-toggle="modal"
							data-target=".bs-example-modal-sm">Small modal</button> */
						var delBtn = $("<button></button>")
								.addClass("btn btn-danger btn-sm delete_btn")
								.append($("<i></i>")
								.addClass("lnr lnr-trash"))
								.append("删除");
						//为删除按钮添加一个自定义的属性来表示当前删除的员工id
						delBtn.attr("data-toggle","modal");
						delBtn.attr("data-target","#deleteModel");
						delBtn.attr("del-id", item.id);
						var btnTd = $("<td></td>").append(editBtn).append(" ").append(delBtn);
								$("<tr></tr>").append(checkBox).append(netname).append(net).append(iden).append(state).append(
										btnTd).appendTo(
										"#initTable tbody");
							});
}
$("#first").click(function() {
	to_page(1);
	$("#pageNum").html(1);
});
$("#pre").click(function() {
	var pageNum=parseInt($("#pageNum").html());
	var totalpage=parseInt($("#totalpage").html());
	
	if (pageNum<=1) {
		$("#pageNum").html(1);
		to_page(1);
		
	}else{
		$("#pageNum").html(pageNum-1);
		to_page(pageNum - 1);
		
	}
	
});
$("#next").click(function() {
	var pageNum=parseInt($("#pageNum").html());
	var totalpage=parseInt($("#totalpage").html());
	if (pageNum >= totalpage) {
		$("#pageNum").html(totalpage);
		to_page(totalpage);		
	}else{
		$("#pageNum").html(pageNum + 1);
		to_page(pageNum + 1);		
	}
});
$("#end").click(function() {
	var totalpage=parseInt($("#totalpage").html());
	//alert(totalpage);
	$("#pageNum").html(totalpage);
	to_page(totalpage);
});

$("#check").click(function() {	
	to_page(1);
});  

 $(document).on("click",".edit_btn",function(){
		window.updateId = $(this).attr("edit-id");
		$.ajax({
			url:"${APP_PATH}/showDomain",
			data:{"id":updateId},
			datatype: "json",
			type : "post",
			success:function(result){
				//回到本页
				var re = JSON.parse(result); 
				console.log(result);
				$("#updatenetname").val(re.netname);
				$("#updatenet").val(re.net);
				$("#updateiden").val(re.iden);
				$("#updatestate").val(re.state);
			},
			error:function (){  
				$("#div1").html("网络异常");
				$("#publicModel").modal('show');
				setTimeout("hide()",1000)    
			} 
		});
	});
 $("#update").click(function() { 
		$("#updateModel").modal('hide');
		var pageNum=parseInt($("#pageNum").html());	
		var netname = $("#updatenetname").val();
	    var net = $("#updatenet").val();
	    var iden = $("#updateiden").val();
	    var state = $("#updatestate").val();
		$.ajax({
			url:"${APP_PATH}/updateDomain",
			data:{"id":updateId,
				"netname":netname,
				 "net":net,
				 "iden":iden,
				 "state":state
				},
			datatype: "json",
			type : "post",
			success:function(result){
				var re = JSON.parse(result); 
				$("#div1").html(re);
			$("#publicModel").modal('show');
		    setTimeout("hide()",1000)
			to_page(pageNum);
			},
			error:function (){  
				$("#div1").html("网络异常");
				$("#publicModel").modal('show');
				setTimeout("hide()",1000)  
			} 
		});
	});
 $(document).on("click",".delete_btn",function(){
		window.deleteId = $(this).attr("del-id");	
	});
 $("#delete").click(function() { 
		$("#deleteModel").modal('hide');
		var pageNum=parseInt($("#pageNum").html());			
		$.ajax({
			url:"${APP_PATH}/deleteDomain",
			data:{"id":deleteId},
			datatype: "json",
			type : "post",
			success:function(result){
				var re = JSON.parse(result);
				$("#div1").html(re);
			$("#publicModel").modal('show');
			setTimeout("hide()",1000) 
				to_page(pageNum);
			},
			error:function (){  
				$("#div1").html("网络异常");
				$("#publicModel").modal('show');
				setTimeout("hide()",1000)   
			} 
		});
	}); 
 
 $("#addd").click(function() { 
	 $("#addModal").modal('hide');
	   var netname = $("#addnetname").val();
	    var net = $("#addnet").val();
	    var iden = $("#addiden").val();		
		$.ajax({
			url:"${APP_PATH}/addDomain",
			data:{
				"netname":netname,
				"net":net,
				"iden":iden
				},
			datatype: "json",
			type : "post",
			success:function(result){
				var re = JSON.parse(result);
				$("#div1").html(re);
			   $("#publicModel").modal('show');
			   setTimeout("hide()",1000) 
				to_page(1);
			},
			error:function (){  
				$("#div1").html("网络异常");
				$("#publicModel").modal('show');
				setTimeout("hide()",1000)   
			} 
		});
	}); 
 
 $("#addlist").click(function() { 
	 $("#addlistModal").modal('hide');
	   var ann = $("#ann").val();
	    var ans = $("#ans").val();
	    var ait = $("#ait").val();		
		$.ajax({
			url:"${APP_PATH}/adl",
			data:{
				"ann":ann,
				"ans":ans,
				"ait":ait
				},
			datatype: "json",
			type : "post",
			success:function(result){
				var re = JSON.parse(result);
				console.log(re);
				if (re=="") {
					$("#div1").html("添加成功");
					$("#publicModel").modal('show');
					setTimeout("hide()",2000);
					
				}else{
					var ss ="";
					for (var i = 0; i <re.length; i++) {
						ss+=re[i]+"<br/>";
					}
					$("#div2").html(ss);
					$("#div4").html("添加失败");
					$("#publicModel2").modal('show');
				}
				to_page(1);
			},
			error:function (){  
				$("#message").html("网络异常");
				$("#publicModel").modal('show');
				setTimeout("hide()",1000)   
			} 
		});
	});
 
 	 $("#delelist").click(function() { 
		 var option = $("input[name='info']:checked").length;  
		    if(option==0){  
	            $("#div1").html("请至少选择一项");
	            $("#publicModel").modal('show');
	            return;  
	        }  
		    $("#deletelistModal").modal('show');
       
	});
 
 	$("#deletelist").click(function() { 
 		$("#deletelistModal").modal('hide');
		var pageNum=parseInt($("#pageNum").html());
		 var option = $("input[name='info']:checked").length;  
		    if(option==0){  
	            $("#div1").html("请至少选择一项");
	            $("#publicModel").modal('show');
	            return;  
	        }  
	            var checkList= new Array();  
	            $("input[name='info']:checked").each(function(){  
	                checkList.push($(this).val());
	            }); 
	          
	            	 $.ajax({  
	 	                type:"POST",  
	 	                url:"${APP_PATH}/delist",  	 	              
	 	                data:{"checkList":checkList.toString()}, 
	 	                async:false,
	 	               success:function(result){
	 	  				var re = JSON.parse(result);
	 	  				if (re=="") {
							$("#div1").html("全部删除成功");
							$("#publicModel").modal('show');
							setTimeout("hide()",2000); 
						}else{
							var ss ="";
							for (var i = 0; i <re.length; i++) {
								ss+=re[i]+",";
							}
							$("#div2").html(ss);
							$("#div4").html("删除失败");
							$("#publicModel2").modal('show');
						}
						
		 	  			console.log(re);
	 	  				to_page(pageNum);
	 	  			}, 
	 	                  
	 	            }) 
	           
	});
    function sleep(numberMillis) {  
           var now = new Date();  
           var exitTime = now.getTime() + numberMillis;  
           while (true) {  
               now = new Date();  
               if (now.getTime() > exitTime)  
                   return;  
           }  
       } 
    
    function hide(){
    	$("#publicModel").modal('hide');
    }
   
</script>
</body>

</html>

顺序如下: 1、多种字体大小显示 2、c:out标记输出 3、获取当前时间 4、include包含语句 5、建立错误处理页面的范例程序 6、jsp:forward 7、简单计数器 8、设置页面属性 9、使用GB2312编码 10、使用Big5编码 11、c:catch的用法 12、<c:forEach> begin、end和step的用法 13 、 <c:forEach> 循环 14、<c:forEach> varStatus 的四种属性 15、<c:forEach> 的用法 16、从客户端传送数据至服务端 17、使用Unicode转义字符 18、使用朝鲜语字符集 19、JSP中最简单的国际化程序 20、错误检测 21、抛出异常 22、<c:if> 的用法 23、<c:set>和<c:remove> 的用法 24、<c:import> 的用法 25、jsp-include的用法 26、汉字处理 27、网页重定向 28、自动更新网页 29、存取session 30、<c:redirect> 的用法 31、单选型列表框 32、jsp文件中定义类 33、取得 JSP Container 版本 34、javax.servlet.jsp.JspWriter - out 对象 35、page 隐含对象 36、application 对象 37、PageContext 对象 38、Page范围 - pageContext 39、测试要显示的中文 40、IF控制符的操作 41、HttpServletRequest 接口所提供的方法 42、 网上测验 43、HttpSession - session 对象 44、 多选型列表框 45、解决浏览器 cache 的问题 46、使用 EL、JSTL 处理表单数据 47、 EL隐含对象 param、paramValues 48、EL隐含对象 pageContext 49、EL算术运算符 50、EL关系运算符 51、EL的运算符 52、选择钮的使用 53、检查框的使用 54、群组检查框的使用 55、数字、货币、百分数格式化 56、日期格式化 57、JSTL设置语言地区 58、Cookie数据的存取 59、session有效时间的设置与取得 60、session时间与ID 61、Cookie有效时间的设置 62、利用隐藏字段传送数据 63、JSP 使用 JavaBean 的方法 64、JSP 使用 JavaBean 65、范围为 Page 的 JavaBean范例程序 66、范围为 Request的 JavaBean 67、范围为 Session 的 JavaBean 68、范围为 Application 的 JavaBean 69、删除 JavaBean 70、url重组 71、Switch语句 72、环境变量 73、forward重定向 74、文件的建立与删除 75、取得文件属性 76、取得目录中的文件 77、目录的建立与删除 78、自Cookie存取日期/时间数据 79、管理Session变量 80、数据库中的记录数与记录指针位置 81、利用absolute方法设置记录位置 82、使用jsp指令生成Word文档 83、JSP网页模板 84、判断是否空白文件 85、cookie 用户登录次数 86、获取用户的真实IP地址 87、获取用户的浏览器信息 88、在客户端进行数据检查 89、在JSP中获取当前绝对路径 90、读取表单中所有参数 91、分行写入数据 92、显示请求URL 93、判断session是否过期 94、参数式查询数据库 95、取得数据库中各栏名称 96、使用JavaBean、设置和获取Bean的属性 97、设置Bean的一个属性与输入参数关联 98、实现基于数据库的站内搜索 99、DOM读取XML文档 100、SAX读取XML文档
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值