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 程序库的比较(一)之DOM功能
Apr 07 Javascript
基于jquery的一行代码轻松实现拖动效果
Dec 28 Javascript
javascript之典型高阶函数应用介绍二
Jan 10 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
Jquery异步提交表单代码分享
Mar 26 Javascript
使用堆实现Top K算法(JS实现)
Dec 25 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
Sep 02 Javascript
半个小时学json(json传递示例)
Dec 25 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
小程序实现五星点评效果
Nov 03 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
Mar 12 Javascript
vue-cli在 history模式下的配置详解
Nov 26 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
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
php实现mysql数据库连接操作及用户管理
2015/11/08 PHP
Symfony2学习笔记之系统路由详解
2016/03/17 PHP
php 处理png图片白色背景色改为透明色的实例代码
2018/12/10 PHP
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
2009/04/10 Javascript
深入理解javascript动态插入技术
2013/11/12 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
2013/11/19 Javascript
javascript中局部变量和全局变量的区别详解
2015/02/27 Javascript
Vue2几种常见开局方式详解
2017/09/09 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
详解vue-router 命名路由和命名视图
2018/06/01 Javascript
Vue源码解读之Component组件注册的实现
2018/08/24 Javascript
利用vue3+ts实现管理后台(增删改查)
2020/10/30 Javascript
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
python selenium UI自动化解决验证码的4种方法
2018/01/05 Python
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
python变量命名的7条建议
2019/07/04 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
python实现画循环圆
2019/11/23 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
俄罗斯的精英皮具:Wittchen
2018/01/29 全球购物
教师绩效考核方案
2014/01/21 职场文书
大三学生做职业规划:给未来找个方向
2014/02/24 职场文书
小学六年级学生评语
2014/04/22 职场文书
我爱幼儿园演讲稿
2014/09/11 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
场地使用证明模板
2014/10/25 职场文书
中国现代文学之经典散文三篇
2019/09/18 职场文书
详解MySQL主从复制及读写分离
2021/05/07 MySQL
经典《舰娘》游改全新动画预告 预定11月开播
2022/04/01 日漫
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers