父窗口
<div class="row">
<p><a class="btn btn-default">添加</a></p>
</div>
$('#btn-add').on('click', function(){
({
type: 2,
title: '添加主机',
maxmin: true,
shadeClose: true, //点击遮罩关闭层
area : ['450px' , '350px'],
content: ''
});
});
子界面
<div class="container">
<div class="row col-md-12" style="margin-top: 10px">
<form action="" method="post">
{% csrf_token %}
<div class="form-group">
<input type="email" class="form-control" name="hostname" placeholder="请输入主机名称" />
<p class="text-danger"></p>
</div>
<div class="form-group">
<input type="email" class="form-control" name="ip" placeholder="请输入IP地址" />
<p class="text-danger"></p>
</div>
<div class="form-group">
<input type="email" class="form-control" name="port" placeholder="请输入端口号" />
<p class="text-danger"></p>
</div>
<div class="form-group">
<a class="btn btn-default btn-block">提交</a>
</div>
</form>
</div>
</div>
2 ajax和layer
$(document).ready(function () {
$('#host-add').on('click',function () {
$.ajax({
url:'/host-add/',
type:'POST',
data:$('#form-add').serialize(),
dataType:'JSON',
success: function (data) {
if( == 1){
var index = ();
('添加成功', {icon: 6}); //添加成功后提示
(index); //关闭弹层的窗口
() //刷父界面
}else {
('添加失败', {icon: 5,time:1000});
}
}
})
下面介绍全页面刷新方法：有时候可能会用到
()刷新当前页面.
()刷新父亲对象（用于框架）
()刷新父窗口对象（用于单开窗口）
()刷新最顶端对象（用于多开窗口）