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 prototype属性使用说明
May 13 Javascript
js获取input标签的输入值实现代码
Aug 05 Javascript
分享JavaScript与Java中MD5使用两个例子
Dec 23 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
Sep 16 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
从vue源码解析Vue.set()和this.$set()
Aug 30 Javascript
微信小程序入门之广告条实现方法示例
Dec 05 Javascript
three.js搭建室内场景教程
Dec 30 Javascript
JS数组的常用10种方法详解
May 08 Javascript
封装 axios+promise通用请求函数操作
Aug 11 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 连接mssql数据库 初学php笔记
2010/03/01 PHP
PHP 抓取网页图片并且另存为的实现代码
2010/03/24 PHP
PHPCMS手机站伪静态设置详细教程
2017/02/06 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
php将html转为图片的实现方法
2017/05/19 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
Swoole 5将移除自动添加Event::wait()特性详解
2019/07/10 PHP
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
2013/12/03 Javascript
javascript自动给文本url地址增加链接的方法分享
2014/01/20 Javascript
基于jQuery实现二级下拉菜单效果
2016/02/01 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
2018/04/13 Javascript
js实现点击按钮复制文本功能
2020/07/20 Javascript
vue axios封装httpjs,接口公用配置拦截操作
2020/08/11 Javascript
python通过ssh-powershell监控windows的方法
2015/06/02 Python
Python用Bottle轻量级框架进行Web开发
2016/06/08 Python
Django获取应用下的所有models的例子
2019/08/30 Python
python 动态调用函数实例解析
2019/10/21 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
Python 获取命令行参数内容及参数个数的实例
2019/12/20 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
Python DES加密实现原理及实例解析
2020/07/17 Python
python3.5的包存放的具体路径
2020/08/16 Python
css3+jq创作含苞待放的荷花
2014/02/20 HTML / CSS
HTML5本地数据库基础操作详解
2016/04/26 HTML / CSS
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
幼儿园大班毕业感言
2014/02/06 职场文书
小区物业门卫岗位职责
2014/04/10 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
小班下学期幼儿评语
2014/12/30 职场文书
家长通知书家长意见
2015/06/03 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
Python上下文管理器Content Manager
2021/06/26 Python