Ajax - 禁止輸入，直到收到響應

Question

應輸入提交ajax請求的按鈕，在請求未被接收後，接收到響應後禁用。

我正在考慮使用按鈕專門添加產品到購物籃。

我試圖讓這個過程儘可能地證明自己的可信性，但是對於使用ajax來說是一個相當新的東西，所以不知道這些情況的最佳實踐。

Answer 1

是的，我認爲這是一個很好的做法。但是，在禁用按鈕時，還可以幫助給用戶一個「處理」（或其他短語）通知。

Answer 2

禁用輸入是一個非常有用的UI元素，可以防止用戶做出不好的事情，但我會提醒不要太依賴它。

你也許應該做一些服務器端檢查，以確保你沒有收到重複的請求。這將屏蔽你的瀏覽器錯誤/非js瀏覽器等。

Answer 3

如果你想讓它儘可能地防彈，那麼你需要在啓動AJAX請求之前顯示一個動畫，並處理兩個成功並且該請求失敗。

至於防止一個額外的請求，這取決於你的具體行動。在你的情況下，更新購物車，它可以兩種方式。如果我「點擊添加商品到購物車」一次，但是我還可以將其他商品添加到我的購物車中，讓我點擊其他「添加到購物車」按鈕...對吧？