zoukankan      html  css  js  c++  java
  • 关于ajax点击多次提交的解决方案.

    一.点击后禁用提交按钮.(简单方便)

    二.利用onInitializeRequest事件

    在Web开发程序中,往往由于种种原因,客户会多次操作页面导致数据冗余或不一致, 在ASP.NET AJAX出现之前可以通过对__dopostback()的调用等方法也可以防止页面多次提交。

    在ASP.NET AJAX中的页面客户端中有一个叫onInitializeRequest的事件,它在页面初始化之前触发,可以对页面的提交事件进行控制,并且可以调用该事件参数的中的一个set_cancel方法可以取消页面的提交,从而很简单的实现阻止页面的多次提交。

    具体代码如下:
    var btnSubmit = "<%=btnSubmit.ClientID %>";

    var prm = Sys.WebForms.PageRequestManager.getInstance();prm.add_initializeRequest(onInitializeRequest);

    function onInitializeRequest(sender,args){

    if(prm.get_isInAsyncPostBack()&&args.get_postBackElement().id == btnSubmit)

    { args.set_cancel(true); //给用户提示正在处理中 }

    $get(btnSubmit).disabled = true;}


    将以上代码放在页面中就可以实现阻止多次提交的功能,其中btnSubmit为提交页面的按钮

  • 相关阅读:
    【BZOJ3110】K大数查询(权值线段树套线段树+标记永久化,整体二分)
    【BZOJ3669】魔法森林(LCT)
    art-template前端高性能模板
    spring新心得
    工作流程
    idea操作
    log4j学习
    对实体 "useSSL" 的引用必须以 ';' 分隔符结尾。
    JUnit4学习
    maven搭建
  • 原文地址:https://www.cnblogs.com/fumj/p/2605608.html
Copyright © 2011-2022 走看看