前端代码块

警告

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(),//将整个HTML页面的第一个form标签中的数据序列化为字典
                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});

                }
            });

• 搭配的django代码：

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();
            }
        };