AJAX回傳過程中禁止使用者重複提交

來源:互聯網
上載者:User

最近碰到一個問題:頁面使用了Ajax,非jQuery,用的是微軟的ScriptManager和UpdateProgress。如何在資料回傳過程中禁止使用者重複提交?即使用者點了提交按鈕後,按鈕不能用,等到資料回傳後,按鈕狀態自動變為可用!

到微軟的論壇上去問了,高手給出了答案。經測試,下面的方法可行!

前台頁面:

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:UpdatePanel runat="server" ID="UpdatePanel1">
        <ContentTemplate>

         <asp:Button Text="提交" ID="btn_Go" runat="server" onclick="btn_Go_Click"   />
        </ContentTemplate>

    </asp:UpdatePanel>
            <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
                <ProgressTemplate>
                    <img alt="" src="Images/Loading1.gif" style="width: 32px; height: 32px" />正在處理……
                </ProgressTemplate>
            </asp:UpdateProgress>
    </form>

後台代碼:

    protected void Page_Load(object sender, EventArgs e)
    {
        ScriptManager.RegisterOnSubmitStatement(Page, typeof(Page), "Go_disabled", "document.getElementById('btn_Go').disabled='disabled';");
        ScriptManager.RegisterStartupScript(Page, typeof(Page), "Clear_disabled", "document.getElementById('btn_Go').disabled='';", true);

    }
    protected void btn_Go_Click(object sender, EventArgs e)
    {
        System.Threading.Thread.Sleep(3000);//類比任務
        //for (long i = 1; i < 1000000000; i++) ;
        btn_Go.Text = "execute complete";
    }

 

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。