jquery ajax的success回调函数中实现按钮置灰倒计时


Posted in Javascript onNovember 19, 2013

主要是实现异步手机发送短信成功之后在ajax的success回调中实现将发送按钮置灰并倒计时,刚开始一直报js错误,问题可能出在于调用ajax之后this被更新,随意在这之前先把this对象赋给一个变量就没问题

按钮倒计时代码

var wait = 60; 
get_code_time = function (o) { 
if (wait == 0) { 
o.removeAttribute("disabled"); 
o.value = "免费获取验证码"; 
wait = 60; 
} else { 
o.setAttribute("disabled", true); 
o.value = "(" + wait + ")秒后重新获取"; 
wait--; 
setTimeout(function() { 
get_code_time(o) 
}, 1000) 
} 
}

获取手机短信之后调用get_code_time函数代码
//重新获取验证码 
$('#codeagain').click(function() { 
var o = this; 
$.ajax({ 
url:"Tea_sendCode.action?jsoncallback=?", 
type:"post", 
data: {accountId:accountId}, 
dataType: "json", 
success: function (data) { 
if(data.status == 1 && data.code == 200){ 
alert("验证码已发送至您的手机"); 
get_code_time(o); 
} else { if(data.msg != ""){ 
alert(data.msg); 
} else { 
alert("短信验证码发送失败"); 
} 
} 
}, 
error: function (data) { 
if(data.status == 0) { 
alert(data.msg); 
} else { 
alert("短信验证码发送失败"); 
} 
} 
}); 
});
Javascript 相关文章推荐
JavaScript入门教程(7) History历史对象
Jan 31 Javascript
JavaScript 高效运行代码分析
Mar 18 Javascript
JavaScript经典效果集锦
Jul 06 Javascript
推荐6款基于jQuery实现图片效果插件
Dec 07 Javascript
JavaScript验证Email(3种方法)
Sep 21 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
Jan 06 Javascript
Bootstrap Table使用整理(二)
Jun 09 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
js如何获取访问IP、地区、当前操作浏览器
Jul 23 Javascript
ES6 新增的创建数组的方法(小结)
Aug 01 Javascript
如何开发一个渐进式Web应用程序PWA
May 10 Javascript
详解jQuery插件开发中的extend方法
Nov 19 #Javascript
Js 导出table内容到Excel的简单实例
Nov 19 #Javascript
js文本框输入点回车触发确定兼容IE、FF等
Nov 19 #Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
Nov 19 #Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 #Javascript
js计算两个时间之间天数差的实例代码
Nov 19 #Javascript
JS获取当前网址、主机地址项目根路径
Nov 19 #Javascript
You might like
php zip文件解压类代码
2009/12/02 PHP
php将会员数据导入到ucenter的代码
2010/07/18 PHP
php文件打包 下载之使用PHP自带的ZipArchive压缩文件并下载打包好的文件
2012/06/13 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
向fckeditor编辑器插入指定代码的方法
2007/05/25 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
教你如何在 Javascript 文件里使用 .Net MVC Razor 语法
2014/07/23 Javascript
轻松创建nodejs服务器(2):nodejs服务器的构成分析
2014/12/18 NodeJs
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
jQuery toggle 代替方法
2016/03/22 Javascript
使用JavaScript实现弹出层效果的简单实例
2016/05/31 Javascript
Jquery为DIV添加click事件的简单实例
2016/06/02 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
深入理解vue.js双向绑定的实现原理
2016/12/05 Javascript
vuex actions传递多参数的处理方法
2018/09/18 Javascript
使用zrender.js绘制体温单效果
2019/10/31 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
2020/04/17 Javascript
vue引入静态js文件的方法
2020/06/20 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
2020/11/03 Javascript
python基础教程之常用运算符
2014/08/29 Python
Python正则捕获操作示例
2017/08/19 Python
python3.x实现发送邮件功能
2018/05/22 Python
Python随机生成身份证号码及校验功能
2018/12/04 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
解决python父线程关闭后子线程不关闭问题
2020/04/25 Python
详解Python设计模式之策略模式
2020/06/15 Python
浅谈keras 的抽象后端(from keras import backend as K)
2020/06/16 Python
jupyter notebook远程访问不了的问题解决方法
2021/01/11 Python
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
ProBikeKit美国官网:自行车套件,跑步和铁人三项套件
2016/10/13 全球购物
英国手机零售商:Carphone Warehouse
2018/06/06 全球购物
《特殊的葬礼》教学反思
2014/04/27 职场文书
活动总结报告格式
2014/05/09 职场文书
【DOTA2】半决赛强强对话~ PSG LGD vs EHOME - DPC 2022 CN REGIONAL FINALS WINTER
2022/04/02 DOTA
nginx 配置指令之location使用详解
2022/05/25 Servers