<%@ 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 © 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>
JSP示例(备用)
最新推荐文章于 2023-04-19 10:57:53 发布