Layui框架 AJAX beforeSend改善用户体验模仿Toast效果

为什么80%的码农都做不了架构师？>>>   

$.ajax({

    type: "post",

    url: formUrl,

    async: true,

    data: data,

    dataType: "json",

    beforeSend: function() {

        layer.msg('等待是一种漫长而又痛苦的幸福。正在提交...')

    },

    success:function(result){

        if(result.code == 1){

            layer.alert('成功',{

                skin: 'layui-layer-molv',

                closeBtn: 0,

                icon: 6,

                anim: 4

            })

            window.location.href = '/admin/article/list';

        }else{

            layer.alert(result.msg,{

                skin: 'layui-layer-molv',

                closeBtn: 0,

                icon: 5,

                anim: 4

            })

        }

    },

    error:function(){

        layer.alert('错误',{

            skin: 'layui-layer-molv',

            closeBtn: 0,

            icon: 5,

            anim: 4

        })

    }

});

 

或者用JQuery来模仿

$.ajax({

    beforeSend: function(){

        $('loading').show();

    },

    complete: function(){

        $('loading').hide();

    }

    // ......

});

转载于:https://my.oschina.net/af666/blog/870549