25.ajax請(qǐng)求之后的彈窗提示

ajax請(qǐng)求接口之后,要提示這次請(qǐng)求是否成功,我們都會(huì)彈出一個(gè)小提示框,自己手寫了一個(gè),記一下

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('<div class="mark-box-text">'+str+'</div>')
            timer = setTimeout(function() {
                $('.mark-box-text').remove()
                timer = null
            }, 2000)
        }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容