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 相关文章推荐
List the Codec Files on a Computer
Jun 11 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
JS自动适应的图片弹窗实例
Jun 29 Javascript
javascript数组去重方法汇总
Apr 23 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
Nov 04 Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 Javascript
基于jquery实现五星好评
Nov 18 jQuery
vue .sync修饰符的使用详解
Jun 15 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
微信小程序自定义联系人弹窗
May 26 Javascript
JavaScript实现多层颜色选项卡嵌套
Sep 21 Javascript
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
详解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(2)――PHP类型
2010/02/15 PHP
PHP设计模式之委托模式定义与用法简单示例
2018/08/13 PHP
基于PHP实现短信验证码发送次数限制
2020/07/11 PHP
在IE上直接编辑网页内容的js代码(IE地址栏js)
2009/04/27 Javascript
js实现超酷的照片墙展示效果图附源码下载
2015/10/08 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
Jquery技巧(必须掌握)
2016/03/16 Javascript
JS中事件冒泡和事件捕获介绍
2016/12/13 Javascript
微信小程序 刷新上拉下拉不会断详细介绍
2017/05/11 Javascript
AngularJS基于MVC的复杂操作实例讲解
2017/12/31 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
vue props传值失败 输出undefined的解决方法
2018/09/11 Javascript
NestJs 静态目录配置详解
2019/03/12 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
2019/06/11 Javascript
Vue v-text指令简单使用方法示例
2019/09/19 Javascript
[02:49:21]2019完美盛典全程录像
2019/12/08 DOTA
Python字符串替换实例分析
2015/05/11 Python
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
Python中py文件引用另一个py文件变量的方法
2018/04/29 Python
python实现泊松图像融合
2018/07/26 Python
基于OpenCV python3实现证件照换背景的方法
2019/03/22 Python
Flask教程之重定向与错误处理实例分析
2019/08/01 Python
Python实现二叉树的最小深度的两种方法
2019/09/30 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
keras实现调用自己训练的模型,并去掉全连接层
2020/06/09 Python
如何使用python写截屏小工具
2020/09/29 Python
python Matplotlib数据可视化(1):简单入门
2020/09/30 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
Python 中如何使用 virtualenv 管理虚拟环境
2021/01/21 Python
资产经营总监岗位职责
2013/12/04 职场文书
党员贯彻十八大精神思想汇报范文
2014/10/25 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
公司借条范本
2015/05/25 职场文书
现货白银电话营销话术
2015/05/29 职场文书
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python
详解Java实现数据结构之并查集
2021/06/23 Java/Android