// 禁用按钮防止重复提交

$(function(){
$(‘form input[type=button]‘).click(function(){
var cityval=$(‘form input[name=city]‘).val();
$.ajax({
type:‘POST‘,
url:‘http://baike.baidu.com/api/openapi/BaikeLemmaCardApi?scope=103&format=json&appid=379020&bk_key=‘+cityval+‘&bk_length=600‘,
dataType:‘jsonp‘,
success: function(response,status,xhr){
console.log(response);
document.write(response.copyrights);

},error: function(){
alert(‘aaa‘);
},complete: function(){
$(‘form input[type=button]‘).removeAttr("disabled");  提交完成后,提交按钮能按
},beforeSend: function(){
$(‘form input[type=button]‘).attr({ disabled: "disabled" }); 提交后 禁用提交按钮
},

})
})
})

时间: 2024-11-10 00:15:08

// 禁用按钮防止重复提交的相关文章

A标签/按钮防止重复提交&页面Loading制作

[实现原理] 防止重复提交与页面的提交时的Loading设置,均是在提交,但是尚未处理完成进行的操作,且提交为异步提交(同步提交不需要考虑).因此,其实现原理是在点击按钮或A标签时,将按钮/A标签置为不可用,在提交完成的回调函数中再将按钮/A标签置为可用:Loading原理是在点击提交时,生成Loading样式,在提交完成之后隐藏该样式. [同步]:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事 [异步]:请求通过事件触发->服务器处理(这是浏览器仍然可以作

button按钮防重复提交(点击提交之后提交按钮变灰,操作执行完之后恢复)

jsp中form表单: <form action="" id="form"> <table style="width:80%;height:80%;" border="1" cellspacing="0" cellpadding="0" align="center" valign="middle"> <tr> &

js禁止重复提交方法

beforeSend: function () { // 禁用按钮防止重复提交 $("#fileForm a[class='btn blue_btn']").removeAttr("onclick"); }, complete: function () { $("#fileForm a[class='btn blue_btn']").attr("onclick","save()"); }, 利用以上类似的写

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:

表单重复提交

一:使用JavaScript来防止表单重复提交 有三种场景:1:在网络延迟的情况下让用户有时间点击多次submit导致重复提交 2:表单提交后点击“刷新”按钮导致重复提交 3:提交后,点击浏览器的后退然后再次提交 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html>  <head>    <title>F

防止表单的重复提交

场景有三种: 1:在网络延迟的情况下让用户有时间点击多次submit导致重复提交 2:表单提交后点击"刷新"按钮导致重复提交 3:提交后,点击浏览器的后退然后再次提交 解决的思路有常用的几种: 1.通过JS,提交表单之后将按钮设置为不可用. <script type="text/javascript">        var isCommitted = false;//表单是否已经提交标识,默认为false        function dosubmi

防重复提交实现方案

在WEB系统操作中,往往会出现用户连续重复点击一个按钮导致重复提交,后台程序的同一个接口代码往往上一个请求还没执行完,下一个请求就到达了,而这两个请求又是请求和操作的同一条数据,就会出现业务上的逻辑错误,往往结果不可预料: 要解决重复提交带来的问题的解决方案有多种,不如网上有很多介绍怎么通过前端页面控制来解决重复提交,当然还有其他方式,这里我采用了通过后台程序代码利用redis做分布式锁的方式来防止重复提交,其思路就是在进入一个后端接口执行前先获取一个分布式锁,如果获取成功则上锁,然后执行业务代

设置按钮不可用避免重复提交

 设置按钮不可用,避免重复提交 编写人:CC阿爸 2015-1-29 今天在这里,我想与大家一起分享如何处理项目中经常出现用户重复提交的情况,为了防止这种情况,最常用的方法就是在用户点击按钮后将该按钮设为不可用,笔者在实际开发当中遇到了多种不同的情况,在此做个小结,以供参考.有兴趣的同学,可以一同探讨与学习一下,否则就略过吧. 由于刚开始进行的web开发,很多时候使用的为html控件,因此处理起来相当简单 如:先前开发的报销系统,在提交单据审批时,时常会出现重复审批下一流程的bug. Aspx前

使用ajax后提交事件后禁用按钮,事件执行完毕后,重新启用按钮

一直想做这样的效果,实现的方法虽然不是很好,但效果还是出来了 <script runat="server"> /// <summary> /// 当Button2被点击,实际是Button3触发事件,这样就可以达到提交事件时禁用被提交的按钮效果 /// </summary> protected void Button_Click(object sender, EventArgs e) { System.Threading.Thread.Sleep(5