前端防止重複提交

2021-09-22 18:26:47 字數 368 閱讀 7144

在現在的web開發中我們經常使用ajax從後端獲取資料,提交資料。對於有些遊戲愛好者或者手速甚快的同學來說,乙個按鈕觸發click事件可以觸發多次。有經驗的前端開發者肯定會使用防止重複提交方式避免重複提交資料。有經驗的後端則會在每次提交資料時加vision版本號。如果後端加版本號來驗證,則需要前端每次提交時增加版本號這個字段。因此做防止重複提交還是交給偉大的前端同學哈!現在我就把我所使用的方式分享給大家。

邏輯思路:

1.提交資料之前判斷當前提交按鈕是否存在lock鎖

2.在ajax提交之前給提交按鈕上鎖

3.ajax成功之後或者失敗之後解鎖

提交

防止重複提交

在jsp頁面的form中,新增 然後在提交的action類中 suppresswarnings unchecked scope prototype controller results parentpackage default interceptorrefs value interceptorre...

防止重複提交

過濾器 repeatable 過濾器 構建可重複讀取inputstream的request submit註解 package com.medaxis.config.interceptor.annotation import j a.lang.annotation.自定義註解防止表單重複提交 inhe...

後端介面防止重複提交 確認收貨防止重複提交

1 在呼叫介面時候肯定會出現ab同事請求介面的問題,當時我在做訂單確認收貨時候就遇到了這種問題,所以我的解決辦法是加上鎖來解決,在這裡我選擇用lock 裡的reentrantlock 在使用者請求方法時候,獲取到使用者id,放入lock,這也同乙個介面如果是2個相同使用者ab同時確認收貨時候,先到先...