1. 程式人生 > >點選jsp頁面按鈕後,禁用整個頁面的方法

點選jsp頁面按鈕後,禁用整個頁面的方法

我們經常會遇到這種情況,比如某個頁面上的付款按鈕,我們有可能連續點選的幾次,從而造成多次付款的情況,解決的方法為當點選第一次後,禁用整個頁面,顯示正在處理中畫面,這時需要如下程式碼

首先引入下面的js

<script type="text/javascript" src="${pageContext.request.contextPath}/js/ajax_doing.js"></script>

然後在js函式中的業務程式碼執行前加入:

showAjaxDoing('${pageContext.request.contextPath}');

在執行業務程式碼後加入:

removeAjaxDoing();

例如:

function getPacket(money,orderno,id){
showAjaxDoing('${pageContext.request.contextPath}');
 $.ajax({
type :'POST',
url : '${pageContext.request.contextPath}/wei/doSendWeixinPacket',
dataType : 'json',
data:{"payMoney": money,"orderNo":orderno,"openid":"${family.openid}","packetNo":id},
success : function(data) {
if(data.result==102){
removeAjaxDoing();
alert("領取紅包失敗!");
}
if(data.result==100){
removePacket(id);
removeAjaxDoing();
alert("領取紅包成功!");
}
}
});    

}

相關推薦

jsp頁面按鈕禁用整個頁面方法

我們經常會遇到這種情況,比如某個頁面上的付款按鈕,我們有可能連續點選的幾次,從而造成多次付款的情況,解決的方法為當點選第一次後,禁用整個頁面,顯示正在處理中畫面,這時需要如下程式碼 首先引入下面的js <script type="text/javascript"

dropzone.js刪除圖片按鈕只執行action不跳轉到新的jsp頁面也不重新整理本頁面

使用dropzone.js的過程中,需要實現點選刪除按鈕後執行action修改已經儲存的圖片列表(用一個數組來維護該列表),此時可用如下方法: 在jsp頁面中新增jquery支援,然後新增如下ajax程式碼: < script type= "tex

列表頁面分頁按鈕頁面自動定位到頁面頂部

 做一個酒店的列表頁面,遇到一個問題,點選下一頁後頁面定位在分頁的地方,用了更好的使用者體驗,點選下一頁後頁面定位到頂部。       首先想到的是利用HTML錨點: ①:設定一個錨點連結<a href="#PageTop" id="mao

Jquery滑鼠變色另一個按鈕顏色還原

轉載一個! Jquery滑鼠點選後變色,點選另一個按鈕顏色還原 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

vue 表格資料編輯取消或者完成按鈕關閉編輯狀態沒有及時生效

點選編輯按鈕: 編輯狀態下,表格可以編輯。但是點選“確認”或者“取消”按鈕,列資料編輯狀態已經修改,但是檢視沒有改變。  頁面程式碼: 獲取當前行的index,並直接修改當前行用於判斷是否編輯狀態的資料為false(不可編輯);   根本原因是因為vue的檢視更新不及

瀏覽器後退按鈕重新重新整理頁面而不是從快取中獲取頁面PHP的解決方案

背景:在A頁面中提交表單後,跳轉至結果頁B,在B頁單擊瀏覽器的後退按鈕,回到A頁面時,希望保留上次A頁面的查詢條件。 框架:ThinkPHP 3.2.3 核心程式碼: C('HTTP_CACHE_CONTROL', 'private, max-age=0, no-store, no-

使用SwingWorker 按鈕按鈕不讓在處理完之後顯示為可

public void actionPerformed(ActionEvent e) { btn_convert.setEnabled(false); new ConvtSwingWorker().execute(); } private class Con

ASP.NET GridView 後臺繫結行行觸發SelectedIndexChanged頁面重新整理只有一頁的情況下事件只觸發一次

如題,小弟剛接觸asp.net不久,所以有很多不懂,望高手們不吝賜教。 下面進入正題,後臺程式碼如下 <pre name="code" class="csharp"> protected void GridView1_RowDataBound(object se

swing 自定義最小化按鈕實現工作列圖示使窗體重新顯示

jf.setUndecorated(true); // 去掉視窗的裝飾 jf.getRootPane().setWindowDecorationStyle(JRootPane.NONE)

實現在擊asp:button按鈕,不刷新當前頁面

事情 zh-cn 當前頁 sof -c 刷新 nbsp 必須 rar 方法1:return false <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return false"

Vue-cli中使用vConsole以及設定JS連續控制vConsole按鈕顯隱功能實現

一、vue-cli腳手架中搭建的專案引入vConsole除錯 1.首先npm安裝,大家都懂的。 npm install vconsole 2.在合適的地方新建一個檔案vconsole.js,內容如下: import Vconsole from 'vconsole' let vConso

回退按鈕重新整理頁面

瀏覽器使用者返回上一步,自動重新整理 window.onunload=function(){} 這個最簡單粗暴 方式一、 <input type="hidden" id="refreshed" value="no"> <script type="text/javascrip

vue-scroller中的item進入其他頁面返回時定位到點前的item位置

1.新建.vue檔案封裝vue-scroller,並新增如下方法 getPosition(){ return this.$refs.scroller.getPosition() }, scrollTo(x, y, animate){ this.$refs

vue 表格數據編輯擊取消或者完成按鈕關閉編輯狀態沒有及時生效

分享 inf bsp 狀態 修改 點擊 視圖 進行 解決 點擊編輯按鈕: 編輯狀態下,表格可以編輯。但是點擊“確認”或者“取消”按鈕,列數據編輯狀態已經修改,但是視圖沒有改變。 頁面代碼: 獲取當前行的index,並直接修改當前行用於判斷是否編輯狀態的數據為false

iframe子框架頁面跳轉出現欄目巢狀問題

今天在搭建一個全新後臺的時候,用的iframe框架巢狀的子頁面,當點選子iframe框架上的連結時候,出現了頁面巢狀混亂,如圖 這樣顯然格式是不正確的,百度了一下,只需要修改兩個屬性 (1)在標

微信登登入授權呆起授權頁面之後授權出現授權失敗code為-2 message為使用者取消不能正確回撥

按照官方文件的整合步驟,我們在Android平臺離線打包授權登陸外掛配置的時候,又一步是要求加入一個WXEntryActivity.java檔案,這一步的使用者包名一定要注意: a,微信支付依賴 【包名】.wxapi.WXPayEntryActivity 如:io.dcloud.HBuilder

leaflet 在地圖popup彈框中新增按鈕響應(vue2leaflet)設定popup的content屬性新增button

效果如圖,點選【進入】按鈕,彈出alert提示框。當然這裡可以把alert換成其他響應需求。  首先給popup的content新增button: <l-popup :content="profile1-1+ '<br><button id=

UITextField 清除按鈕文字框中內容清除

我們經常會看到 UITextField 文字框,點選輸入內容 ,文字框後面會有帶叉的按鈕,點選叉按鈕,文字框中的內容會清除,這個怎麼做呢,以下有截圖 1.若是用xib做很簡單,新增一個 textField   然後選擇右邊CleanButton 樣式         

js,jq開啟小彈窗當前頁面彈出小視窗

function openWin(url) { var u = url; window.open(u, 'newwindow', 'height=600, width=800, top=30%,