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 ...
随机推荐
- 【精华】9张思维导图带你学习Javascript
转自:ChokCoco(http://www.cnblogs.com/coco1s/p/3953653.html) 学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出8张javasc ...
- Oracle Hyperion Planning 11.1 .1:创建与管理应用程序 第1课:Planning概述
第1课:Planning概述 1.说明 Oracle Enterprise Performance Management system Oracle Enterprise Performance Ma ...
- Metasploitable渗透测试实战——Windows漏洞 MS08-067复现
Ms08-067 攻防环境: 攻击机:kali ip:198.168.12.212 靶机:Window XP 未打过ms08-067补丁 ip:198.168.12.209
- jQuery中常用的元素查找方法总结
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div&q ...
- wu2198:难得的波段抄底机会
很好的波段抄底机会 个人浅见看,目前染料股跌出的机会明显,养殖股波段机会明显,芯片.半导体.集成电路.北导.软件.国产操作系统等科技股短线机会不错.另外,大盘指数2856/2806区域的波段操作机会不 ...
- Hive 之元数据库的三种模式
Hive 介绍 http://www.cnblogs.com/sharpxiajun/archive/2013/06/02/3114180.html Hive的数据类型和数据模型 http://www ...
- 说说qwerty、dvorak、colemak三种键盘布局
[qwerty布局] qwerty布局大家应该都很熟悉了,全世界最普及的键盘布局. 截止到去年接触并使用dvorak布局之前,我使用了十几年qwerty布局,在http://speedtest.10f ...
- Python求列表中某个元素的下标
一.求列表中某个元素的下标 def findindex(org, x, pos=-1): counts = org.count(x) #先求出org中包含x的个数 if counts == 0: #个 ...
- 题解P3951【小凯的疑惑】
相信参加OI的oiers都是数学高手吧 我好像不是 (滑稽 那应该大家都接触过邮资问题吧! 所谓邮资问题,就类似于这一题,给定a和b两种邮资数,求最大的不能凑出的邮资 数.这里给出公式:最大的不能集出 ...
- Java8函数之旅 (三) --几道关于流的练习题
为什么要有练习题? 所谓学而不思则罔,思而不学则殆,在系列第一篇就表明我认为写博客,既是分享,也是自己的巩固,我深信"纸上得来终觉浅,绝知此事要躬行"的道理,因此之后的几篇博 ...