<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="../js/jquery-3.1.1.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="../bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript" src="../js/jquery.cookie.js"></script>
<script type="text/javascript" src="../js/pages/main.js"></script>
<link rel="stylesheet" href="../bootstrap/css/bootstrap-datetimepicker.css">
<link rel="stylesheet" href="../style/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<style>
*{
font-family:"微软雅黑";
}
.form_datetime{
position:relative;
z-index:9999;
}
</style>
<script type="text/javascript">
$(function(){
var n=0;
list(n);
$("#pageup").click(function(){
n=n-10;
if(n<0){
n=0;
}
$("#table_content").empty();
list(n);
});
$("#page_1").click(function(){
n=0;
$("#table_content").empty();
list(n);
});
$("#page_2").click(function(){
n=10;
$("#table_content").empty();
list(n);
});
$("#page_3").click(function(){
n=20;
$("#table_content").empty();
list(n);
});
$("#page_4").click(function(){
n=30;
$("#table_content").empty();
list(n);
});
$("#page_5").click(function(){
n=40;
$("#table_content").empty();
list(n);
});
$("#pagedown").click(function(){
n=n+10;
$("#table_content").empty();
list(n);
});
$("#btn_new_save").click(function(){
var info_type=$("#iframe_new").contents().find("#info_type").val();
alert(info_type);
var type=$("#iframe_new").contents().find("#type").val();
var type=$("#iframe_new").contents().find("#type").val();
var release1=$("#iframe_new").contents().find("#release1").val();
var effective_s=$("#iframe_new").contents().find("#effective_s").val();
var effective_o=$("#iframe_new").contents().find("#effective_o").val();
var compete=$("#iframe_new").contents().find("#compete").val();
var region=$("#iframe_new").contents().find("#region").val();
var product=$("#iframe_new").contents().find("#product").val();
var source=$("#iframe_new").contents().find("#source").val();
var content=$("#iframe_new").contents().find("#content").val();
var impact=$("#iframe_new").contents().find("#impact").val();
$.ajax({
url:"http://localhost:8080/analysis/info/insertall.do",
type:"post",
data:{"info_type":info_type,"type":type,"release1":release1,"effective_s":effective_s,"effective_o":effective_o,
"compete":compete,"region":region,"product":product,"source":source,"content":content,"impact":impact
},
resultType:"json",
success:function(result){
window.location.href="main.html";
}
});
});
$("#btn_delete").click(function(){
$("input:checkbox[name='checkbox']:checked").each(function(){
id=$(this).val();
$.ajax({
url:"http://localhost:8080/analysis/info/deleteonebyid.do",
type:"post",
data:{"id":id},
resultType:"json",
success:function(){
window.location.href="main.html";
}
});
});
});
$("#modify_btn").click(function(){
var a=0;
$("input:checkbox[name='checkbox']:checked").each(function(){
a=a+1;
id=$(this).val();
if(a==1){
$.cookie("id",id);
}else{
alert("请取消多选");
window.location.href="main.html";
}
});
var modify2="<iframe class='embed-responsive-item' src='main/modify.html' id='iframe_modify' name='iframe_modify'></iframe>";
var $modify2=$(modify2);
$("#modify_1").append($modify2);
$("#btn_modify_save").click(function(){
var info_type=$("#iframe_modify").contents().find("#info_type").val();
var type=$("#iframe_modify").contents().find("#type").val();
var release1=$("#iframe_modify").contents().find("#release1").val();
var effective_s=$("#iframe_modify").contents().find("#effective_s").val();
var effective_o=$("#iframe_modify").contents().find("#effective_o").val();
var compete=$("#iframe_modify").contents().find("#compete").val();
var region=$("#iframe_modify").contents().find("#region").val();
var product=$("#iframe_modify").contents().find("#product").val();
var source=$("#iframe_modify").contents().find("#source").val();
var content=$("#iframe_modify").contents().find("#content").val();
var impact=$("#iframe_modify").contents().find("#impact").val();
$.ajax({
url:"http://localhost:8080/analysis/info/updatebyid.do",
type:"post",
data:{"id":id,"info_type":info_type,"type":type,"release1":release1,"effective_s":effective_s,"effective_o":effective_o,
"compete":compete,"region":region,"product":product,"source":source,"content":content,"impact":impact
},
resultType:"json",
success:function(result){
window.location.href="main.html";
}
});
});
});
$("#search-btn").click(function(){
var selectdata=$("#selectdata").val();
var cont=$("#textdata").val();
$.cookie("selectdata",selectdata);
$.cookie("cont",cont);
$(".right").empty();
var ifra="<div class='embed-responsive embed-responsive-16by9'>";
ifra+="<iframe class='embed-responsive-item' src='main/search.html'></iframe>";
ifra+="</div>";
var $ifra=$(ifra);
$(".right").append($ifra);
});
});
</script>
<link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
</head>
<body>
<div class="row">
<div class="col-md-12" style="height:50px;">
<img src="../image/logo.gif" class="img-responsive" alt="Responsive image" id="logo">
</div>
</div>
<div class="row">
<div class="left">
<img src="../image/User.png" class="img-responsive center-block" alt="Responsive image">
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-th-large"></span>
情报信息
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</div>
<div class="right" id="right2">
<div id="info">
<ol class="breadcrumb">
<span class="glyphicon glyphicon-home"></span>
<li><a href="#">情报信息</a></li>
<li><a href="#" class="active">信息汇总</a></li>
</ol>
</div>
<div id="function_a">
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#new" id="new_btn">
<span class="glyphicon glyphicon-pencil"></span>
新建
</button>
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#modify" id="modify_btn">
<span class="glyphicon glyphicon-file"></span>
修改
</button>
<button type="button" class="btn btn-default" id="btn_delete">
<span class="glyphicon glyphicon-trash"></span>
删除
</button>
</div>
<form class="form-inline pull-right">
<div class="form-group">
<select class="form-control" id="selectdata">
<option value="1">模糊查询</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="请输入内容" id="textdata">
</div>
<button type="submit" class="btn btn-default" id="search-btn">
<span class="glyphicon glyphicon-search"></span>
</button>
</form>
<div id="table_content">
</div>
<nav aria-label="Page navigation" id="table_content2">
<ul class="pagination ">
<li>
<a href="#" aria-label="Previous" id="pageup">
<span aria-hidden="true">«</span>
</a>
</li>
<li><a href="#" id="page_1">1</a></li>
<li><a href="#" id="page_2">2</a></li>
<li><a href="#" id="page_3">3</a></li>
<li><a href="#" id="page_4">4</a></li>
<li><a href="#" id="page_5">5</a></li>
<li>
<a href="#" aria-label="Next" id="pagedown">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
<div class="modal fade" id="new" tabindex="-1" role="dialog" aria-labelledby="newLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-lable="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="newLabel">新建</h4>
</div>
<div class="modal-body" id="new_body">
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="main/new.html" id="iframe_new" name="iframe_new"></iframe>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" id="btn_new_save">保存</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modify" tabindex="-1" role="dialog" aria-labelledby="modifyLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">
×</span></button>
<h4 class="modal-title" id="modifyLabel">修改</h4>
</div>
<div class="modal-body">
<div class="embed-responsive embed-responsive-4by3" id="modify_1">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" id="btn_modify_save">保存</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
当我点击第二部分的search-btn2按钮后，浏览器又重新加载了第一部分，求大神帮忙解决，把js放在页面最后也是同样的效果。
