警告
layer.alert(args.msg,{'icon':0});
弹出窗口获取用户输入
var index = layer.open({
type: 1,
skin: "layui-layer-rim",
area: ["400px", "400"],
title: "新增分类",
content: '<div class="text-center" style="margin: 20px;">\
<p>请输入评论内容:</p>\
<form role="form" class="form-horizontal"><div class="form-group ">\
<lable class="col-sm-2 control-label">评论:</lable>\
<div class="col-sm-10">\
<input id="id_column" type="text" class="form-control" name="title" placeholder="新的分类">\
</div>\
</div></form>\
</div > ',
btn: ['确定', '取消'],
yes: function (index, layero) {
layer.close(index);
},
btn2: function (index, layero) {
layer.close(index);
}
});
弹窗确认用户操作
function del_article(article_name, article_id) {
layer.open({
type: 1,
skin: "layui-layer-rim",
area: ["400px", "200px"],
title: "删除文章",
content: '<div class="text-center" style="margin-top:20px"><p>是否确定删除《' + article_name + '》</p> </div>',
btn: ['确定', '取消'], yes: function () {
$.ajax({
url: '{% url "blog:article_delete" %}',
type: "POST",
data: {"id": article_id},
success: function (e) {
if (e === "ok") {
parent.location.reload();
layer.msg("删除成功");
} else {
layer.msg("删除失败");
}
},
})
},
});
}
ajax提交form
$.ajax({
url: $form.attr('action'),
data: $form.serialize(),
type: 'post',
dataType: 'json',
success: function (args) {
if (args['status'] === "OK") {
location.href = '/article/' + args.id;
} else {
layer.alert(args.msg, {'icon': 0});
}
},
error: function (data) {
layer.alert(args.msg, {'icon': 0});
}
});
res={'status':'ERROR','msg':''}
res['status']='OK'
return HttpResponse(json.dumps(res))
页面刷新
window.onbeforeunload = function () {
var n = window.event.screenX - window.screenLeft;
var b = n > document.documentElement.scrollWidth - 20;
if (b && window.event.clientY < 0 || window.event.altKey) {
} else {
markdown();
}
};