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 学习点滴记录
Apr 24 Javascript
在jquery中处理带有命名空间的XML数据
Jun 13 Javascript
Javascript创建自定义对象 创建Object实例添加属性和方法
Jun 04 Javascript
JavaScript中json对象和string对象之间相互转化
Dec 26 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
jquery无刷新验证邮箱地址实现实例
Feb 19 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
Mar 01 Javascript
Vue.js实现的计算器功能完整示例
Jul 11 Javascript
js实现GIF图片的分解和合成
Oct 24 Javascript
微信小程序实现音乐播放器
Nov 20 Javascript
JS中的继承操作实例总结
Jun 06 Javascript
vue接通后端api以及部署到服务器操作
Aug 13 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实现专业获取网站SEO信息类实例
2015/04/02 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
理解JavaScript中worker事件api
2015/12/25 Javascript
javascript数组去重小结
2016/03/07 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
vue之数据交互实例代码
2017/06/16 Javascript
vue2.x select2 指令封装详解
2017/10/12 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
2018/05/17 Javascript
JavaScript函数节流和函数去抖知识点学习
2018/07/31 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
2020/01/21 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
2020/04/03 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
利用python实现对web服务器的目录探测的方法
2019/02/26 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
python设计微型小说网站(基于Django+Bootstrap框架)
2019/07/08 Python
django为Form生成的label标签添加class方式
2020/05/20 Python
巴西图书和电子产品购物网站:Saraiva
2017/06/07 全球购物
英国在线潜水商店:Simply Scuba
2019/03/25 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
《小鹰学飞》教学反思
2014/04/23 职场文书
电钳工人个人求职信
2014/05/10 职场文书
文明礼貌演讲稿
2014/05/12 职场文书
党员承诺书怎么写
2014/05/20 职场文书
大学生职业生涯十年规划书范文
2014/09/17 职场文书
群众路线自我剖析范文
2014/11/04 职场文书
研究生给导师的自荐信
2015/03/06 职场文书
关于观后感的作文
2015/06/18 职场文书
python析构函数用法及注意事项
2021/06/22 Python