首頁猿問如何防止用戶在ajax請求沒有成功...

如何防止用戶在ajax請求沒有成功之前，點(diǎn)擊按鈕再次調(diào)用ajax？

JavaScript

紫衣仙女 2019-05-19 20:39:00

假設(shè)我現(xiàn)在有幾個(gè)用li標(biāo)簽做的按鈕，還有時(shí)間控件和下拉框。li的點(diǎn)擊操作、時(shí)間控件的選擇時(shí)間操作、下拉框的change事件都用調(diào)用同一個(gè)ajax。請問，如何在用戶做某一種操作調(diào)用ajax請求成功之前，阻止用戶再次點(diǎn)擊其它標(biāo)簽進(jìn)行ajax請求操作？

查看完整描述

2 回答

猛跑小豬

TA貢獻(xiàn)1858條經(jīng)驗(yàn) 獲得超8個(gè)贊

例子如下，第一種是攔截重復(fù)請求，第二種每次請求都接受同時(shí)丟棄舊請求。如果是攔截重復(fù)請求，通常還要給按鈕加上disabled狀態(tài)切換。

反對回復(fù) 2019-05-19

有只小跳蛙

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超8個(gè)贊

你可以給把那些標(biāo)簽歸個(gè)類，額外添加兩個(gè)屬性，一個(gè)類似組的標(biāo)志，比如可以添加一個(gè)空屬性的class屬性用于組名，再一個(gè)類似開關(guān)的標(biāo)志，比如處于請求的標(biāo)簽多了on的屬性，當(dāng)要發(fā)生請求的時(shí)候，看組內(nèi)有沒有on屬性開關(guān)處于開的狀態(tài)即可，此種實(shí)行只要基于jquery的contains選擇器就可以。

反對回復(fù) 2019-05-19