一種防止用戶重複點擊按鈕的方法及裝置的製作方法

2023-09-14 08:11:20

專利名稱：一種防止用戶重複點擊按鈕的方法及裝置的製作方法
技術領域：
本發明涉及網絡技術領域，特別是涉及一種防止用戶重複點擊按鈕 的方法及裝置。
背景技術：
在Web應用中，尤其是帶有異步JavaScript和可擴展標記語言 (extensible Markup Language, XML )才支術的Web應用中，用戶在進4亍 操作時反覆點擊按鈕的情況經常出現，例如，在網上購物的應用過程中， 用戶很可能會反覆點擊提交按鈕，或者用戶由於操作不當連續點擊了多 次提交按鈕，這種情況就會導致表單重複提交，訂單金額重複計算的結 果。其中，異步JavaScript和XML也稱為AJAX，是一種創建交互式網 頁應用的網頁開發技術。
現有技術中，針對表單重複提交的情況，有兩種解決方法，第一種 解決方法主要基於表單驗證，通過編寫客戶端腳本阻止表單被重複提 交，其實現過程為根據用戶點擊提交按鈕的操作，提交按鈕所對應的 表單信息，在此過程中，瀏覽器會將表單的狀態設置為"正在提交"； 當用戶再次點擊提交按鈕時；利用客戶端腳本取得表單對象，並檢查表 單對象的狀態；如果是"正在提交"狀態，則彈出提示信息，提示用戶 不能重複提交；如果是"正常，，狀態，則提交表單。但是，該方法同時 存在缺點，在Web應用中的很多情況下，按鈕並不依賴表單而存在，如 果Web應用中的某個按鈕與表單不相關，但又要求不能被連續點擊兩 次，就無法利用該方法滿足用戶的需求。
第二種解決方法主要在伺服器端檢查，可以不依賴於表單，主要是
在伺服器端對按鈕進行狀態控制，其實現過程如下根據用戶點擊提交 按鈕的操作，伺服器端在會話Session對象中進行檢查，以檢查所述 Session中是否存在某個Key,例如—Status,其中，Session是伺服器
端提供的一種機制，可理解為一個Key-Value結構的數據集合，各個 Session之間彼此獨立；如果Session中不存在Key,貝寸在所述Session 中加入一個新的Key,即是在Session中新增加一條數據，例如 —Status=inprogress，伺服器端再進行業務處理，待所述業務處理完成之 後，將這個Key從Session中移除；如果Key已經存在，則說明用戶正 在處理相關業務，則提示用戶正在處理業務，不能重複提交請求。但是 該方法同時也存在缺點，因為涉及到嵌入式的代碼修改，即是在伺服器 端添加相應的代碼來防止用戶重複點擊按鈕，所以編寫額外的代碼使得 技術人員的工作更加繁瑣，且增加了開發成本。
總之，目前需要本領域技術人員迫切解決的一個技術問題就是如 何能夠提出一種防止用戶重複點擊按鈕的方法，用以解決在Web應用中 需要額外編寫代碼帶來的工作繁瑣以及成本較高的問題。

發明內容
本發明所要解決的技術問題是提供一種防止用戶重複點擊按鈕的 方法，用以解決在Web應用中需要額外編寫代碼帶來的工作繁瑣以及成 本較高的問題。
本發明的另一個目的是將上述構思應用於具體的應用環境中，提供
一種防止用戶重複點擊按鈕的裝置，從而保證該方法的實現和應用。 為解決上述技術問題，本發明實施例提供了一種防止用戶重複點擊
按鈕的方法，包括
判斷用戶點擊按鈕的操作是否為一有效點擊事件，如果是，則將按
鈕的狀態設置為禁用，並向伺服器發送所述點擊事件的處理請求； 當接收到伺服器的處理結果時，將按鈕的狀態設置為可用。 優選的，所述向伺服器發送所述點擊事件的處理請求，具體包括 接收按鈕的事件處理單元發送的觸發請求，所述觸發請求用於觸發
異步JavaScript和可擴展標記語言AJAX組件開始工作； AJAX組件向伺服器發送所述點擊事件的處理請求。 優選的，所述AJAX組件向伺服器發送所述點擊事件的處理請求之
前，還包括
接收按鈕的事件處理單元發送的回調函數，
則所述將按鈕的狀態設置為可用，具體包括 根據所述處理結果，執行所述回調函數； 根據所述回調函數中的相關代碼，將按鈕的狀態更新為可用。 優選的，所述向伺服器發送所述點擊事件的處理請求，具體包括 向伺服器發送基於可擴展標記語言超文本傳輸協議XMLHTTP的 AJAX請求。
優選的，所述處理請求的內容包括伺服器的目標位置和與所述點
擊事件相關的請求參數。
本發明實施例還提供了 一種防止用戶重複點擊按鈕的裝置，包括 判斷模塊，用於判斷用戶點擊按鈕的操作是否為 一 有效點擊事件； 第一設置模塊，用於當所述判斷模塊的結果為是時，將按鈕的狀態
設置為禁用；
發送處理請求模塊，用於向伺服器發送所述點擊事件的處理請求； 第二設置模塊，用於當接收到伺服器返回的處理結果時，將按鈕的 狀態設置為可用。
優選的，所述發送處理請求模塊具體包括
第一接收子模塊，用於接收按鈕的事件處理單元發送的觸發請求， 所述觸發請求用於觸發異步JavaScript和可擴展標記語言AJAX組件開 始工作；
發送子模塊，用於向伺服器發送所述點擊事件的處理請求。 優選的，所述發送模塊還包括第二接收子模塊，用於接收按鈕的事 件處理單元發送的回調函數，
則所述第二設置模塊具體包括
執行子模塊，用於根據所述處理結果，執行所述回調函數； 更新子模塊，用於根據所述回調函數中的代碼，將按鈕的狀態更新 為可用。
優選的，所述處理請求具體為基於可擴展標記語言超文本傳輸協
議XMLHTTP的AJAX請求。
優選的，所述處理請求的內容包括伺服器的目標位置和與所述點 擊事件相關的請求參數。
與現有技術相比，本發明具有以下優點
本發明的步驟包括首先判斷用戶點擊按鈕的操作是否為 一有效點 擊事件，如果是，則則調用按鈕對象的"禁用"方法，將按鈕的狀態設 置為禁用，並向伺服器發送所述點擊事件的處理請求，然後當接收到服 務器的處理結果時，再將按鈕的狀態設置為可用。運用本發明的方法， 用戶不需要額外的編寫防止用戶連續點擊按鈕的代碼，通過判斷用戶的 點擊操作是否有效，即可在一次點擊按鈕的事件未處理完全時，通過設 置按鈕的禁用狀態使得用戶不能繼續點擊該按鈕，並且在一次業務通訊 處理完之後，再將按4醜的狀態設置為可用，乂人而在Web應用中，無需編 寫代碼即可實現防止用戶重複點擊按鈕的目的，從而降低了編寫代碼的 工作繁瑣程度，且降低了開發成本。


圖l是本發明的一種防止用戶重複點擊按鈕的方法實施例1的流程
圖2是本發明的一種防止用戶重複點擊按鈕的方法實施例2的流程
圖3是本發明的一種防止用戶重複點擊按鈕的裝置實施例1的流程
圖4是本發明的一種防止用戶重複點擊按鈕的裝置實施例2的流程圖。
具體實施例方式
為使本發明的上述目的、特徵和優點能夠更加明顯易懂，下面結合 附圖和具體實施方式
對本發明作進一步詳細的說明。
本發明可用於眾多通用或專用的計算裝置環境或配置中。例如個
人計算機、伺服器計算機、手持設備或可攜式設備、平板型設備、多處 理器裝置、包括以上任何裝置或設備的分布式計算環境等等。
本發明可以在由計算機執行的計算機可執行指令的 一般上下文中 描述，例如程序模塊。 一般地，程序模塊包括執行特定任務或實現特定 抽象數據類型的例程、程序、對象、組件、數據結構等等。也可以在分 布式計算環境中實踐本發明，在這些分布式計算環境中，由通過通信網 絡而被連接的遠程處理設備來執行任務。在分布式計算環境中，程序模 塊可以位於包括存儲設備在內的本地和遠程計算機存儲介質中。
參考圖1,示出了本發明的一種防止用戶重複點擊按鈕的方法實施
例1的流程圖，可以包括以下步驟
步驟101:判斷用戶點擊按鈕的操作是否為一有效點擊事件；
步驟102:當用戶的點擊操作為一有效點擊事件時，將按鈕的狀態
設置為禁用；
步驟103:向伺服器發送所述點擊事件的處理請求； 步驟104:當接收到伺服器返回的處理結果時，將按鈕的狀態設置 為可用。
在本實施例中，通過判斷用戶點擊按鈕的操作是否為 一有效點擊事 件，如果是則將按鈕的狀態設置為禁用的方式，進行本次點擊事件的業 務處理，即是當用戶點擊一次按鈕，進行該事件的處理過程中，該按鈕 不能再次被用戶有效的點擊使用，然後當接收到伺服器返回的所述點擊 事件的處理結果時，將按鈕的狀態設置為可用，表示該點擊事件的請求 已經處理完整，此時，該按鈕的功能可以正常繼續使用。
需要說明的是，本實施例中提到的按鈕，在客戶端對其進行了一些 腳本控制，並且所述腳本控制是包含在按鈕本身的代碼之中的，用戶可 以將本實施例提供的按鈕，當作一個普通的按鈕來使用即可，無需額外 為其編寫代碼，並且可以在多個系統中重複的使用；可以看出，由於本
發明提供的是一種封裝了完整功能的一個按鈕組件，此按鈕組件可以直 接被加入到系統中使用，因此，通過本發明的方法，用戶不需要額外的
編寫防止用戶連續點擊按鈕的代碼，即可在一次點擊按鈕的事件未處理
完全時，使得用戶不能繼續點擊該按鈕，從而在Web應用中，降低了編 寫代碼的工作繁瑣程度，並且降低了開發成本。
在介紹本發明實施例2之前，首先介紹一下回調函數的概念。回調 函數是組件的 一種封裝技術，回調函數通常由用戶程序按照組件要求聲 明，並在調用發起時傳給組件，組件在被調用的過程中發生某種事件時， 會調用該回調函數將處理權交給用戶程序處理。在大多數的高級語言之 間發生交互的時候，都可以採用回調函數的機制。
參考圖2,示出了本發明的一種防止用戶重複點擊按鈕的方法實施 例2的流程圖，本實施例可以包括以下步驟
步驟201:判斷用戶點擊按鈕的操作是否為一有效點擊事件；
在本實施例中，所述按鈕的狀態有兩種禁用和可用，當按鈕狀態為 禁用時，用戶點擊按鈕的操作就不是一次有效的點擊事件，當按鈕的狀 態為可用的時候，用戶的點擊操作才能有效地成為一次點擊事件；因此， 本步驟對用戶的點擊按鈕的操作進行判斷的目的，即是為了獲取按鈕當 前的狀態；
步驟202:當用戶的點擊操作有效時，將按鈕的狀態設置為禁用； 在本實施例1中，可以通過採用瀏覽器提供的Javascript,調用按鈕
對象的"禁用"方法，將按鈕設置為"禁用"狀態；
步驟203: AJAX組件接收4姿鈕的事件處理單元發送的觸發請求和
回調函數，所述觸發請求用於觸發異步JavaScript和可擴展標記語言
AJAX組件開始工作；
將按鈕的狀態設置為禁用之後，事件處理單元向AJAX組件發送觸
發請求和預先定義的回調函數，所述觸發請求用於觸發AJAX組件開始
工作；所述回調函數中包含將按鈕更新為可用狀態的代碼，用於在接收
到伺服器的返回結果時執行；
步驟204: AJAX組件向伺服器發送所述點擊事件的處理請求； 在本實施例中，AJAX組件向伺服器發送一個基於可擴展標記語言
超文本傳輸協議XMLHTTP的AJAX請求，所述AJAX請求的內容具體 可以包括伺服器的目標位置和與所述點擊事件相關的請求參數；例如， AJAX請求的內容具體可以為http:〃localhost:8080/myapp/action a=b， 其中http:〃localhost:8080/myapp/action稱為統一資源定位符URL, a=b 指的是請求參數，用戶可以根據當前的頁面發送任意的參數到伺服器； 步驟205: AJAX組件接收伺服器返回的處理結果； 伺服器在接收到所述業務處理請求之後，進行一 系列的響應處理， 並將處理結果返回至AJAX組件；對於本發明來講，伺服器做什麼處理 並不影響本發明的實現，無論伺服器返回的結果是什麼，都可以觸發回 調函數的執行；
步驟206: AJAX組件根據所述處理結果，執行所述回調函數； AJAX組件再根據接收到的處理結果，執行所述回調函數； 步驟207:根據所述回調函數中的相關代碼，將按鈕的狀態更新為 可用。
當回調函數執行時，可以根據回調函數中包含的更新按鈕狀態的代 碼，將按鈕的狀態更新為可用。
實施例2是相對於實施例1而言，更為詳細、優選的實施例，對具 體的客戶端和伺服器之間的業務通訊過程、以及將按鈕狀態設置為可用 的過程進行了詳細的描述，其他部分可以參見實施例1的相關描述。
需要說明的是，對於前述的各方法實施例，為了簡單描述，故將其 都表述為一系列的動作組合，但是本領域技術人員應該知悉，本發明並 不受所描述的動作順序的限制，因為依據本發明，某些步驟可以採用其 他順序或者同時進行。其次，本領域技術人員也應該知悉，說明書中所 描述的實施例均屬於優選實施例，所涉及的動作和模塊並不一定是本發 明所必須的。
參考圖3，示出了本發明的一種防止用戶重複點擊按鈕的裝置實施 例1的結構框圖，可以包括以下模塊
判斷模塊301,用於判斷用戶點擊按鈕的操作是否為一有效點擊事
件；
第一設置模塊302,用於當所述判斷模塊的結果為是時，將按鈕的 狀態設置為禁用；
發送處理請求模塊303,用於向伺服器發送所述點擊事件的處理請
求；
第二設置模塊304，用於當接收到伺服器返回的處理結果時，將按 鈕的狀態設置為可用。
在本實施例中，所述裝置可以包括四個模塊，所述判斷模塊可以判 斷用戶點擊按鈕的操作是否為 一有效點擊事件，當所述判斷模塊的結果 為是，所述第一設置模塊在所述判斷模塊的結果為是時，可以將按鈕的 狀態設置為禁用，同時所述發送處理請求模塊可以向伺服器發送所述點 擊事件的處理請求，所述第二設置模塊可以在接收到伺服器返回的處理 結果時，將按鈕的狀態再設置為可用；可以看出，在本實施例中，通過 在用戶點擊按鈕之後，將按鈕狀態設置為禁用，並在該次點擊按鈕事件 處理完畢之後，再將按鈕的狀態設置為可用，可以防止用戶重複點擊按 鈕，用戶無需編寫額外的代碼，從而降低了工作的繁瑣程度，降低了開 發成本。
參考圖4，示出了本發明的一種防止用戶重複點擊按鈕的裝置實施 例2的結構框圖，可以包括以下模塊
判斷模塊401,用於判斷用戶點擊按鈕的操作是否為一有效點擊事
件；
第一設置模塊402,用於當所述判斷模塊的結果為是時，將按鈕的 狀態設置為禁用；
第一接收子模塊403，用於接收按鈕的事件處理單元發送的觸發請 求，所述觸發請求用於觸發異步JavaScript和可擴展標記語言AJAX組 件開始工作；
發送子模塊404,用於向伺服器發送所述點擊事件的處理請求； 在本實施例中，所述處理請求可以為一個基於可擴展標記語言超文 本傳輸協議XMLHTTP的AJAX請求，所述處理請求的內容具體可以包
括伺服器的目標位置和與所述點擊事件相關的請求參數；
第二接收子模塊405,用於接收按鈕的事件處理單元發送的回調函
數；
執行子模塊406，用於根據所述處理結果，執行所述回調函數； 更新子模塊407，用於根據所述回調函數中的代碼，將按鈕的狀態 更新為可用。
需要說明的是，本說明書中的各個實施例均採用遞進的方式描述， 每個實施例重點說明的都是與其他實施例的不同之處，各個實施例之間 相同相似的部分互相參見即可。對於裝置類實施例而言，由於其與方法 實施例基本相似，所以描述的比較簡單，相關之處參見方法實施例的部 分說明即可。
需要說明的是，在本文中，諸如第一和第二等之類的關係術語僅僅 用來將一個實體或者操作與另一個實體或操作區分開來，而不一定要求 或者暗示這些實體或操作之間存在任何這種實際的關係或者順序。而 且，術語"包括"、"包含"或者其任何其他變體意在涵蓋非排他性的包 含，從而使得包括一系列要素的過程、方法、物品或者設備不僅包括那 些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過 程、方法、物品或者設備所固有的要素。在沒有更多限制的情況下，由 語句"包括一個......"限定的要素，並不排除在包括所述要素的過程、
方法、物品或者設備中還存在另外的相同要素。
以上對本發明所提供的一種防止用戶重複點擊按鈕的方法及防止用 戶重複點擊按鈕的裝置進行了詳細介紹，本文中應用了具體個例對本發 明的原理及實施方式進行了闡述，以上實施例的說明只是用於幫助理解 本發明的方法及其核心思想；同時，對於本領域的一般技術人員，依據 本發明的思想，在具體實施方式
及應用範圍上均會有改變之處，綜上所 述，本說明書內容不應理解為對本發明的限制。
權利要求
1、一種防止用戶重複點擊按鈕的方法，其特徵在於，包括判斷用戶點擊按鈕的操作是否為一有效點擊事件，如果是，則將按鈕的狀態設置為禁用，並向伺服器發送所述點擊事件的處理請求；當接收到伺服器的處理結果時，將按鈕的狀態設置為可用。
2、 如權利要求1所述的方法，其特徵在於，所述向伺服器發送所 述點擊事件的處理請求，具體包括接收按鈕的事件處理單元發送的觸發請求，所述觸發請求用於觸發 異步JavaScript和可擴展標記語言AJAX組件開始工作； AJAX組件向伺服器發送所述點擊事件的處理請求。
3、 如權利要求2所述的方法，其特徵在於，所述AJAX組件向服 務器發送所述點擊事件的處理請求之前，還包括接收按鈕的事件處理單元發送的回調函數， 則所述將按鈕的狀態設置為可用，具體包括 根據所述處理結果，執行所述回調函數； 根據所述回調函數中的相關代碼，將按鈕的狀態更新為可用。
4、 如權利要求1所述的方法，其特徵在於，所述向伺服器發送所 述點擊事件的處理請求，具體包括AJAX請求。
5、 如權利要求1所述的方法，其特徵在於，所述處理請求的內容 包括伺服器的目標位置和與所述點擊事件相關的請求參數。
6、 一種防止用戶重複點擊按鈕的裝置，其特徵在於，包括判斷模塊，用於判斷用戶點擊按鈕的操作是否為 一有效點擊事件； 第一設置模塊，用於當所述判斷模塊的結果為是時，將按鈕的狀態 設置為禁用；發送處理請求模塊，用於向伺服器發送所述點擊事件的處理請求； 第二設置模塊，用於當接收到伺服器返回的處理結果時，將按鈕的 狀態設置為可用。
7、 如權利要求6所述的裝置，其特徵在於，所述發送處理請求模 塊具體包括第一接收子模塊，用於接收按鈕的事件處理單元發送的觸發請求， 所述觸發請求用於觸發異步JavaScript和可擴展標記語言AJAX組件開 始工作；發送子模塊，用於向伺服器發送所述點擊事件的處理請求。
8、 如權利要求7所述的裝置，其特徵在於，所述發送模塊還包括 第二接收子模塊，用於接收按鈕的事件處理單元發送的回調函數，則所述第二設置模塊具體包括執行子模塊，用於根據所述處理結果，執行所述回調函數； 更新子模塊，用於根據所述回調函數中的代碼，將按鈕的狀態更新 為可用。
9、 如權利要求6所述的裝置，其特徵在於，所述處理請求具體為 基於可擴展標記語言超文本傳輸協議XMLHTTP的AJAX請求。
10、 如權利要求6所述的裝置，其特徵在於，所述處理請求的內容 包括伺服器的目標位置和與所述點擊事件相關的請求參數。
全文摘要
本發明提供了一種防止用戶重複點擊按鈕的方法及裝置，所述方法包括判斷用戶點擊按鈕的操作是否為一有效點擊事件，如果是，則將按鈕的狀態設置為禁用，並向伺服器發送所述點擊事件的處理請求；當接收到伺服器的處理結果時，將按鈕的狀態設置為可用。運用本發明的方法，用戶不需要額外的編寫防止用戶連續點擊按鈕的代碼，即可在一次點擊按鈕的事件未處理完時，使得用戶不能繼續點擊該按鈕，從而在Web應用中，可以降低編寫代碼的工作繁瑣程度，並且降低了開發成本。
文檔編號H04L29/08GK101394406SQ200810171188
公開日2009年3月25日 申請日期2008年10月22日 優先權日2008年10月22日
發明者旭 張 申請人:深圳市金蝶中間件有限公司