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 ...
随机推荐
- metaclass元类解析
一.创建类的流程 二.什么是元类 在Python3中继承type的就是元类 示例 # 方式一 class MyType(type): '''继承type的就是元类''' def __init__(se ...
- 利用python进行简单的图片处理
python的 PIL模块是专门用来处理图片的模块,其功能可以说是非常强大了. 演示环境:win7 操作系统 安装python2.7以及指定的对应PIL模块 我这里有一个现成的PIL模块.本文的大部分 ...
- Thread.sleep 与Thread.currentThread.sleep
参考博客: https://blog.csdn.net/guangyinglanshan/article/details/51645053 公司项目近段时间要使用thread, 个人想去了解Threa ...
- Spring mvc + maven + tomcat配置问题
在用maven搭建spring mvc时候, 个人遇到过很多的问题, 现在把遇到的问题总结下: 1. 首先点击项目->Run As->Maven clean, 这一步把之前不管有没有ma ...
- docker制作共享jdk的tomcat镜像
FROM centos:7.4.1708 #挂载宿主机jdk到容器,节省空间 MAINTAINER huqiang:2018/10/12 ENV VERSION=8.5.34 ENV CATALINA ...
- hdu-1875 畅通工程再续---MST
题目链接: https://vjudge.net/problem/HDU-1875 题目大意: 相信大家都听说一个“百岛湖”的地方吧,百岛湖的居民生活在不同的小岛中,当他们想去其他的小岛时都要通过划小 ...
- os.walk 模块
os.walk()可以得到一个三元tupple(dirpath, dirnames, filenames),其中第一个为起始路径,第二个为起始路径下的文件夹,第三个是起始路径下的文件. 其中dirpa ...
- hadoop + ssh 配置
1.输入 2.解决上述问题 3. 4.去掉登陆密码 5.不用密码登陆
- Java发出声卡蜂鸣生的方法
方法一: Toolkit.getDefaultToolkit().beep(); 方法二: System.out.println('\007');//八进制数
- 使用git stash命令保存和恢复进度
使用git stash命令保存和恢复进度 git stash 保存当前工作进度,会把暂存区和工作区的改动保存起来.执行完这个命令后,在运行git status命令,就会发现当前是一个干净的工作区,没有 ...