25.ajax请求之后的弹窗提示

ajax请求接口之后,要提示这次请求是否成功,我们都会弹出一个小提示框,自己手写了一个,记一下

css部分

//css 部分
.mark-box-text {
    width: 80%;
    height: auto;
    position: fixed;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    z-index: 5;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    text-align: center;
    line-height: 2rem;
    font-size: .8rem;
    border-radius: .25rem;
}

js部分

function markBox(str) {
            if(timer != null) {
                return
            }
            $('.main-container').append('
'+str+'
') timer = setTimeout(function() { $('.mark-box-text').remove() timer = null }, 2000) }

你可能感兴趣的:(25.ajax请求之后的弹窗提示)