ajax 防止用戶反復(fù)提交的2種解決方案
更新時間：2013年07月28日 15:46:16 作者：
ajax 防止重復(fù)提交可以通過在服務(wù)器端加載方法或直接寫在頁面腳本里，具體實現(xiàn)如下，遇到重復(fù)提交情況的朋友可以參考下，希望對大家有所幫助
可在服務(wù)器端加載方法：
private void OnLoading()
{
System.Text.StringBuilder sb = new System.Text.StringBuilder();
sb.Append(" function pageLoad(){var manager = Sys.WebForms.PageRequestManager.getInstance(); ");
sb.Append(" manager.add_beginRequest(OnBeginRequest); manager.add_endRequest(OnEndRequest)} var lcPostbackElementID;");
sb.Append(" function OnBeginRequest(sender, args){ lcPostbackElementID = args.get_postBackElement().id.toLowerCase(); if (lcPostbackElementID === \"btnadwords\"){$get(\"btnAdWords\").disabled = true; $get(\"btnAdWords\").value='正在提交...';}} ");
sb.Append(" function OnEndRequest(sender, args){if (lcPostbackElementID === \"btnadwords\"){ $get(\"btnAdWords\").disabled = false; $get(\"btnAdWords\").value='確定';}} ");
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "btnAdWords", sb.ToString(), true);
}
也可直接寫在頁面腳本里：
<script>
function pageLoad()
{
var manager = Sys.WebForms.PageRequestManager.getInstance();
manager.add_beginRequest(OnBeginRequest);
manager.add_endRequest(OnEndRequest)
}
var lcPostbackElementID;
function OnBeginRequest(sender, args)
{
lcPostbackElementID = args.get_postBackElement().id.toLowerCase();
if (lcPostbackElementID === 'btnadwords')
{
$get('btnAdWords').disabled = true;
$get('btnAdWords').value='正在提交...';
}
}
function OnEndRequest(sender, args)
{
if (lcPostbackElementID === \"btnadwords\")
{
$get('btnAdWords').disabled = false;
$get('btnAdWords').value='確定';
}
}
< /script>
更多內(nèi)容請參考：http://msdn.microsoft.com/zh-cn/magazine/cc163319.aspx
復(fù)制代碼 代碼如下:
private void OnLoading()
{
System.Text.StringBuilder sb = new System.Text.StringBuilder();
sb.Append(" function pageLoad(){var manager = Sys.WebForms.PageRequestManager.getInstance(); ");
sb.Append(" manager.add_beginRequest(OnBeginRequest); manager.add_endRequest(OnEndRequest)} var lcPostbackElementID;");
sb.Append(" function OnBeginRequest(sender, args){ lcPostbackElementID = args.get_postBackElement().id.toLowerCase(); if (lcPostbackElementID === \"btnadwords\"){$get(\"btnAdWords\").disabled = true; $get(\"btnAdWords\").value='正在提交...';}} ");
sb.Append(" function OnEndRequest(sender, args){if (lcPostbackElementID === \"btnadwords\"){ $get(\"btnAdWords\").disabled = false; $get(\"btnAdWords\").value='確定';}} ");
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "btnAdWords", sb.ToString(), true);
}
也可直接寫在頁面腳本里：
復(fù)制代碼 代碼如下:
<script>
function pageLoad()
{
var manager = Sys.WebForms.PageRequestManager.getInstance();
manager.add_beginRequest(OnBeginRequest);
manager.add_endRequest(OnEndRequest)
}
var lcPostbackElementID;
function OnBeginRequest(sender, args)
{
lcPostbackElementID = args.get_postBackElement().id.toLowerCase();
if (lcPostbackElementID === 'btnadwords')
{
$get('btnAdWords').disabled = true;
$get('btnAdWords').value='正在提交...';
}
}
function OnEndRequest(sender, args)
{
if (lcPostbackElementID === \"btnadwords\")
{
$get('btnAdWords').disabled = false;
$get('btnAdWords').value='確定';
}
}
< /script>
更多內(nèi)容請參考：http://msdn.microsoft.com/zh-cn/magazine/cc163319.aspx
相關(guān)文章
AJAX從一個域請求另一個域會有跨域的問題。那么如何在nginx上實現(xiàn)ajax跨域請求呢？此問題難住很多朋友，下面小編給大家?guī)砹薔ginx實現(xiàn)AJAX跨域請求問題的相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
客戶端String.php,服務(wù)器端String_check.php，很簡單的實現(xiàn)。2009-11-11
Ajax 高級功能之a(chǎn)jax向服務(wù)器發(fā)送數(shù)據(jù)
這篇文章主要介紹了Ajax 高級功能之a(chǎn)jax向服務(wù)器發(fā)送數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2016-08-08
ajax 登錄功能簡單實現(xiàn)(未連接數(shù)據(jù)庫)
未連接數(shù)據(jù)庫下實現(xiàn)ajax 登錄功能判斷登陸成功與失敗，喜歡ajax的朋友可以參考下哈，希望對大家有所幫助2013-05-05
ajax回調(diào)函數(shù)中使用$(this)取不到對象的解決方法
如果在ajax的回調(diào)函數(shù)內(nèi)使用$(this)的話，實踐證明，是取不到任何對象的,需要的朋友可以參考下2014-06-06
javascript下常用的xmlhttp組件和相關(guān)技術(shù)資料小結(jié)，方便了解ajax原理2008-06-06
這篇文章主要介紹了反向Ajax 30分鐘快速掌握的相關(guān)資料,需要的朋友可以參考下2016-07-07
瀏覽器跨域獲取Lrc歌詞數(shù)據(jù)的解決辦法...2007-03-03
基于HTML5 Ajax文件上傳進(jìn)度條如何實現(xiàn)（jquery版本）
本文給大家介紹基于html5 ajax文件上傳進(jìn)度條是如何實現(xiàn)的，涉及到html5新增加的formdata對象的使用，對html5文件上傳進(jìn)度條感興趣的朋友一起學(xué)習(xí)吧2015-11-11
今天小編就為大家分享一篇關(guān)于Ajax報錯400的參考解決辦法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-10-10