layui 表单submit提交之后弹窗返回状态

最新推荐文章于 2023-06-01 15:07:24 发布

倚栏丶听雨

最新推荐文章于 2023-06-01 15:07:24 发布

阅读量4k

点赞数

分类专栏： layui

本文链接：https://blog.csdn.net/qq_34939371/article/details/103104267

版权

layui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

form 表单需要指定id

<form id="form" action="" method="post" enctype="multipart/form-data">
    ...
    ...
    <input class="site-login-btn" type="submit" value="提交"/>

...

页面地部需要引入layui js等插件

<script src="{% static 'js/jquery-1.12.4.min.js' %}"></script>
<script src="{% static 'layui/layui.js' %}"></script>
<script src="{% static 'js/jquery.form.js' %}"></script>

<script>
    $.ajaxSetup({headers: {"X-CSRFToken": '{{ csrf_token }}'}});

    $(function () {
        $("#form").ajaxForm(function (data) {
            if (data.result == 'SUCCESS') {
                layui.use('layer', function () {
                    var layer = layui.layer;
                    layer.alert(data.msg, {
                        closeBtn: 0, btn: ['确认'], yes: function () {
                            // window.location.href = '此处可以跳转指定url';
                            window.location.href = document.referrer;
                        }
                    });
                });
            } else if (data.result == 'FAIL') {
                layui.use('layer', function () {
                    var layer = layui.layer;
                    layer.alert(data.msg, {
                        closeBtn: 0, btn: ['确认'], no: function () {
                            window.location.href = document.referrer;
                        }
                    });
                });
            }
        });
    });

</script>