jq阻止ajax进行多次提交
在函数定义全局变量..var Stch=false
if (Stch==true)
{
alert('请不要重新提交');
}else{
Stch=true;
$.ajax({type:"POST",
url:"C_Eidt.do",
golobal:false,
success:function(data){
Stch=false;
};});
}
或者 使html页面上按钮变灰
2..多次绑定click及ajax提交的常用方法
<script>
$(document).ready(function()
{
//绑定click
$(".exchange_ecv").bind("click", function()
{
var p=$(this).attr("name");
var types=$(this).attr("type");
var tid=$(this).next().attr("id");
if(types=="0"){
var m=100000;
}else if(types=="1"){
var m=500000;
}else if(types=="2"){
var m=1000000;
}
document.getElementById('lightqd').style.display='block';
document.getElementById('fade').style.display='block';
//第二次绑定click 会出现多次click现象
$("#qd").bind("click",function()
{
exchange_ecv(p,tid,m,types);
document.getElementById('lightqd').style.display='none';
document.getElementById('fade').style.display='none';
$("#qd").unbind("click"); //去除多次click
});
}); //ajax提交
function exchange_ecv(p,tid,m,types){
var query = new Object();
if({$user_id}>0){
query.id={$user_id};
query.prize=p;
query.types=types;
}else{
document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none'
ajax_login();
return false;
} $.ajax({
async:false,
url:'{url x="index" r="new_year_prize#exchange_ecv"}',
type:"POST",
data:query,
dataType:"json",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
success:function(result){
if(result.status==2){//还没登录
ajax_login();
return false;
}else if(result.status==1){ //兑换成功
$("#msg").html(result.msg);
}else if(result.status==3){ //已经兑换过
$("#msg").html(result.msg);
}else{ //其它状态
$("#msg").html(result.msg);
}
}
}); } //拆红包
$("#open_ecv").click(function()
{
open_ecv();
});
function open_ecv()
{
var query =new Object();
if({$user_id}>0){
query.id={$user_id};
}else{
ajax_login();
return false;
}
$.ajax({
async:false,
url:'{url x="index" r="new_year_prize#open_ecv"}',
type:"POST",
data:query,
dataType:"json",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
success:function(result)
{
if(result.status==2)
{
ajax_login();
return false;
}else if(result.status==1)
{
// $.showSuccess(result.msg);
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'
$("#msg").html(result.msg);
}else
{
// $.showErr(result.msg)
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'
$("#msg").html(result.msg);
}
} });
} }) </script> 没人说点击事件只能执行一次。两种办法,一是把on改成one,使得点击提交事件只发生一次;二是点击之后把按钮button禁用(disabled属性),或者移除button上绑定的事件(off方法)。
jq阻止ajax进行多次提交的更多相关文章
- 【jQuery】 JQ和AJAX
AJAX AJAX全称异步 JavaScript 和 XML(Asynchronous JavaScript and XML),是一种用于网页前端和网站后台进行数据交互的手段.关于AJAX的详细介绍在 ...
- 关于jQ的Ajax操作
jQ的Ajax操作 什么是AJAX AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 它不是一门编程语言,而是利用JavaScript ...
- jq的ajax方法
相较与js异步对象的繁琐,jq的ajax对象结构更加清晰 一:ajax对象简述 ajax(Asynchronous JavaScript and XML),异步的xml和js对象,主要用于在不刷新全局 ...
- jq使用ajax请求,返回状态 canceled错误
在使用jq,ajax请求时出现该错误 原因:button按钮类型为type=submit ,script中又自定用botton按钮点击提交ajax,造成冲突. 解决方法:button按钮类型改为 ty ...
- ajax的表单提交,与传送数据
ajax的表单提交 $.ajax ({ url: "<%=basePath%>resource/addPortDetectOne.action", dataType: ...
- 2016 系统设计第一期 (档案一)jQuery ajax serialize()方法form提交数据
jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(fun ...
- ajax form表单提交 input file中的文件
ajax form表单提交 input file中的文件 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了 ...
- 阻止form空表单提交----JavaScript
网上看到很不错的阻止form空表单提交 第一种方法 <div class="warp"> <h2>登录到pfan空间</h2> <p> ...
- js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行
js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行 代码如下: <!DOCTYPE html> <html lang="en" xm ...
随机推荐
- valueOf() 和 toString()
valueOf():如果存在任意原始值,返回最适合该对象类型的原始值. toString():将该对象的原始值以字符串形式返回. 这两个方法一般是交由JS去隐式调用,以满足不同的运算情况. 举个栗子 ...
- 运用CSS3媒体查询判断iPhoneX、iPhoneXR、iPhoneXS MAX及横竖屏
//iphoneX.iphoneXs @media only screen and (device-width: 375px) and (device-height: 812px) and (-web ...
- Android 类似360悬浮窗口实现源码
当我们在手机上安装360安全卫士时,手机屏幕上时刻都会出现一个小浮动窗口,点击该浮动窗口可跳转到安全卫士的操作界面,而且该浮动窗口不受其他activity的覆盖影响仍然可见(多米音乐也有相关的和主界面 ...
- Python开发第四篇
文件操作 一.文件基本操作 打开文件方法:open f = open("test",encoding="") r:只读模式(只能读取文件,不能做写操作,文件不存 ...
- IOS截取部分图片
截取部分图片这么简单: - (void)loadView { [[UIApplication sharedApplication] setStatusBarHidden:YES withAni ...
- IOS 绘制图片水印(封装)
- (void)viewDidLoad { [super viewDidLoad]; // -1.加载图片 // UIImage *image = [UIImage imageNamed:@" ...
- 异常:System.InvalidOperationException: This implementation is not part of the Windows Platform FIPS validated cryptographic algorithms 这个实现是不是Windows平台FIPS验证的加密算法。解决方法
遇见这个问题是在使用了MD5加密算法后报错的,可能的原因如下: 1.FIPS不兼容MD5,此时需要修改注册表 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\C ...
- POJ-1274 The Perfect Stall---二分图模板
题目链接: https://vjudge.net/problem/POJ-1274 题目大意: 有n个奶牛和m个谷仓,现在每个奶牛有自己喜欢去的谷仓,并且它们只会去自己喜欢的谷仓吃东西,问最多有多少奶 ...
- Web前端学习流程
- 进入Windows之前发出警告
实现效果: 知识运用: 通过注册表中HKLM:\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Winlogon\子键下的LegalNoticeCaption ...