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

 更新时间:2013年07月28日 15:46:16   作者:  
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>

更多内容请参考:http://msdn.microsoft.com/zh-cn/magazine/cc163319.aspx

相关文章

  • AJAX避免用户重复提交请求实现方案

    AJAX避免用户重复提交请求实现方案

    为了避免因某些原因用户同时多次点击按钮,提交重复的请求,我们需要禁用请求提交按钮,接下来与大家一起分享下实现方法
    2013-04-04
  • 基于firefox实现ajax图片上传

    基于firefox实现ajax图片上传

    这篇文章主要介绍了基于firefox实现ajax图片上传,大家都知道在FF下使用ajax是件挺困难的事情,今天给大家介绍的是完美解决这个问题的方法,小伙伴可以参考下。
    2015-05-05
  • ajax从JSP传递对象数组到后台的方法

    ajax从JSP传递对象数组到后台的方法

    今天小编就为大家分享一篇ajax从JSP传递对象数组到后台的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 完美ajax类 支持事件

    完美ajax类 支持事件

    完美ajax类 支持事件...
    2007-02-02
  • 用Ajax读取XML格式的数据

    用Ajax读取XML格式的数据

    用Ajax读取XML格式的数据...
    2006-11-11
  • 基于Blod的ajax进度条下载实现示例代码

    基于Blod的ajax进度条下载实现示例代码

    本篇文章主要介绍了基于Blod的ajax进度条下载实现示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 浅谈Ajax相关及其优缺点

    浅谈Ajax相关及其优缺点

    最近在学习有关 AJAX 的知识,上网查阅了一些有关 AJAX 的资料,主要是有关 AJAX的技术简介及其优缺点等。在这里,我想对我收集的资料做一些小小的总结,大部分资料都来自网上,本人在此只做分类总结,希望对和我一样正在学习 AJAX 的朋友有一定的帮助。
    2015-06-06
  • jQuery使用ajax跨域请求获取数据

    jQuery使用ajax跨域请求获取数据

    跨域这个词应用非常频繁,主要是因为安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内容)。本文给大家介绍jQuery使用ajax跨域请求获取数据,需要的朋友可以参考下
    2015-10-10
  • AJAX技术基础介绍

    AJAX技术基础介绍

    AJAX技术基础介绍...
    2007-03-03
  • JQuery+Ajax+Struts2+Hibernate框架整合实现完整的登录注册

    JQuery+Ajax+Struts2+Hibernate框架整合实现完整的登录注册

    最近没有项目做,闲着没事,看到一个书城的网站很好,于是就是仿了一个,把里面的ui直接拿过来用,前端后端自己写的,目前大部分的功能已经实现了。
    2015-10-10

最新评论