2017-02-24

防止表单重复提交

1.设置表单提交标志符
isSent=0 表示还没有提交，
isSent=1 表示表单正在提交，禁止重复提交

ajax提交模式禁止异步提交
增加参数 async: false

<!DOCTYPE html>  
<html>  
<head>  
<title>防止表单重复提交</title>  
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>  
</head>  
<body>  
 <a href="javascript:;">aaa</a>  
 <script>  
 //防止表单重复提交  
     var isSent=0;  
     $('a').click(function(){  
     if(isSent!=0){  
         return;  
     }  
     $.ajax({  
         type: 'GET',  
         url: "http://localhost/test.php",  
         cache:false,  
         async: false, //禁止异步提交  
         success: function (){  
             console.log('aaa');  
         }  
     });  
     isSent=0;  
     });  
 </script>  

</body>  
</html>

本文标题:防止表单重复提交

文章作者:xiaoqi

发布时间:2017-02-24, 13:11:36

最后更新:2017-02-24, 13:16:06

原始链接:http://m.xiaoqi888.cn/2017/02/24/102.html/

许可协议: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。