jQuery的$ .ajax防止重复提交的方法

没啥说的直接贴代码,很简单:
第一种方式:的onclick点击事件类型

<SCRIPT>
    function member_del(obj,id){
        var lock = false; //默认未锁定
        layer.confirm(‘确认要删除吗?‘,function(index){
            if(!lock){//防止重复提交
                lock = true; //锁定
                $ .ajax({url:“/ CustomerEnquiry / Delete”,
                    data:{Id:id},type:“post”,dataType:“json”,success:function(result){
                        var message = result; if(message.status ==“success”){
                            $(OBJ)。家长( “TR”)删除();
                            layer.msg(‘删除成功!‘,{icon:1,时间:1000});
                        } else {
                            layer.msg(‘删除失败!‘,{icon:2,时间:1000
                            });
                        }
                    }
                });
            }
        });
    }
</ SCRIPT>
------------------------------------------------

第二种方式:异步提交类型

<SCRIPT>
  $就({
        url:“/ CustomerEnquiry / CreateTask”,
        data:{WebId:Webids.substring(0,Webids.length  -  1),Ids:hiddid,starttime:starttime,endtime:endtime},
        类型:“post”,
        dataType:“json”,
        beforeSend:function(){
            layer.msg(‘正在创建定时任务...‘,{icon:16,shade:[0.5,‘#f5f5f5‘],滚动条:false,偏移量:‘0px‘,时间:100000})
            $(“#CreateTask”)。attr({disabled:“disabled”}); //这里禁用按钮防止重复提交
        },
        成功:功能(结果){
            var message = result;
            if(message.status ==“success”){
                layer.alert(message.msg,{
                    图标:1,
                    皮肤:‘layer-ext-moon‘
                },function(index){
                    layer_close();
                });
            } else {
                layer.alert(message.msg,{
                    图标:2,
                    皮肤:‘layer-ext-moon‘
                });
            }
        }
    });
</ SCRIPT>

原文地址:https://www.cnblogs.com/yuyong970919/p/10197762.html

时间: 2025-01-14 14:02:01

jQuery的$ .ajax防止重复提交的方法的相关文章

MVC Ajax.BeginForm重复提交解决方法

mvc使用MVC Ajax.BeginForm提交的时候有重复提交结果的时候检查相关js文件引用情况, 其中mvc4注意 1 2 3 4 @Scripts.Render("~/bundles/modernizr") bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(                        "~/Scripts/jquery.unobtrusive*",

jq防止ajax多次提交的方法

1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不可用,ajax结果返回后置为可用 $.ajax( { type: 'POST', url: APP+'?m=Shopping&a=ajaxSubmitorder&sid='+sid+'&src='+src, cache:false, dataType: 'json', data: {'src':src,"uid": uid,'shipping_id':s

jQuery的ajax的form提交方法应用

1.如果不用ajax的form提交,就必须把表单的每一条数据进行获取,并提交给action进行处理.这样做比较麻烦,现在用了jQuery的easyui,使用封装好的ajax的form提交.脚本代码如下: //提交表单 function sysusersave(){ if($.formValidator.pageIsValid()){//校验表单输入信息是否合法 //使用jquery的ajax from提交,指定from的id和回调方法,提交的url使用提from中的action,参数为空,传递J

在jQuery中Ajax的Post提交中文乱码的解决方案(转)

引言: 在jQuery的Ajax POST请求中,进行请求,其中的中文在后台,显示为乱码,该如何解决呢? 问题的引入: var regid = $('#oregion').combobox('getValue'); //var sname = $('#sname').val(); var sname = encodeURI($('#sname').val(),"UTF-8"); if(regid!=""&&regid!='undefined'){ $

php 解决表单重复提交实现方法介绍

重复提交是我们开发中会常碰到的一个问题,除了我们使用js来防止表单的重复提交,同时还可以使用php来防止重复提交哦. 例1  代码如下 复制代码 <?php/* * php中如何防止表单的重复提交 */session_start();if (empty($_SESSION['ip'])) {//第一次写入操作,判断是否记录了IP地址,以此知道是否要写入数据库    $_SESSION['ip'] = $_SERVER['REMOTE_ADDR']; //第一次写入,为后面刷新或后退的判断做个铺垫

ajax防止重复提交请求1

ajax防止重复提交请求 A. 独占型提交 只允许同时存在一次提交操作,并且直到本次提交完成才能进行下一次提交. module.submit = function() {   if (this.promise_.state() === 'pending') {     return   }   return this.promise_ = $.post('/api/save') }B. 贪婪型提交 无限制的提交,但是以最后一次操作为准:亦即需要尽快给出最后一次操作的反馈,而前面的操作结果并不重要

防止表单重复提交的方法

1.在jsp页面的button添加相关js代码: <input type="button" value="提交" onclick="this.disabled=true;this.form.submit()"> 此方法缺点是用户可能禁用js,此方法就可能失效. 2.session的token机制 防止表单重复提交的方法

ajax禁止重复提交的解决办法

本篇文章主要分享下在使用jquery ajax时防止重复提交的办法,其实方法很简单,就是在用户点击了提交按钮之后将按钮设置为不可点击即可,具体代码如下: 1 $('#submit').click(function(){ 2 var objButton=$(this); 3 var content=$('#content').val(); 4 $.ajax({ 5 url:web_url+'jquery.php', 6 type:'post', 7 cache:false, 8 data: 'ac

AJAX防重复提交的办法总结

如果提交对象为按钮的话,可以对按钮设置disabled,此办法适应于按钮提交,此种方法简单粗暴,也是很多人用的办法,代如下: //在按钮提交之后和AJAX提交之前将按钮设置为禁用 $("input[type=submit]").attr('disabled',true) $.ajax({ url:'/post.php' data:{a:1,b,1} success:function(){ //在提交成功之后重新启用该按钮 $("input[type=submit]"