表單重複提交是在多用戶網頁應用程式中最常見、帶來很多麻煩的問題。有很多的應用場景都會遇到重複提交問題,例如:
點擊提交按鈕兩次。 點擊刷新按鈕。 使用瀏覽器後退按鈕重複先前的操作,導致重複提交表單。 使用瀏覽器歷史記錄重複提交表單。 瀏覽器重複的HTTP請求。
幾種防止表單重複提交的方法
1.禁掉投稿按鈕。表單提交後使用Javascript使提交按鈕disable。這種方法可防止心急的用戶多次點擊按鈕。但有個問題,如果客戶端把Javascript給禁止掉,這種方法就無效了。
我之前的文章曾說過用一些Jquery插件效果不錯。
2.Post/Redirect/Get模式。在提交後執行頁面重定向,這就是所謂的Post-Redirect-Get (PRG)模式。簡言之,當使用者提交了表單後,你去執行一個客戶端的重定向,轉到提交成功資訊頁面。
這能避免用戶按F5導致的重複提交,而其也不會出現瀏覽器表單重複提交的警告,也能消除按瀏覽器前進和後退按導致的同樣問題。
3.在session中存放一個特殊標誌。當表單頁面被要求時,產生一個特殊的字元標誌串,存在session中,同時放在表單的隱藏域裡。接受處理表單資料時,檢查標識字符串是否存在,並立即從session中刪除它,然後正常處理資料。
如果發現表單提交裡沒有有效的標誌串,這表示表單已經被提交過了,忽略這次提交。
這讓你的web應用有了更進階的XSRF保護。
4.在資料庫裡新增約束。 在資料庫中新增唯一約束或建立唯一索引,防止重複資料出現。這是最有效的防止重複提交資料的方法。
以上就是這4種方法的介紹了,小夥伴們如果有更好的解決方法,也請告之,本文將持續更新。