OGeek|极客世界-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

ajax 防止用户反复提交的2种解决方案

2022-2-5 16:59| 发布者: 菜鸟教程小白| 查看: 220| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: ajax 防止重复提交可以通过在服务器端加载方法或直接写在页面脚本里，具体实现如下，遇到重复提交情况的朋友可以参考下，希望对大家有所帮助

可在服务器端加载方法：

 
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> 